Blazor Tutorial - Ep5 - Data Binding Theory and Examples for Input, Checkbox, Radio button ...

🎁ALL-ACCESS Subscription: Unlock access to all of my courses, both now and in the future at a low $19.99 / month.
frankliucs.com/all-access
💎Learn .NET MAUI while creating a Contacts App in .NET 7:
frankliucs.com/maui
🔥Learn Blazor while creating an Inventory Management System in .NET 6
frankliucs.com/blazor-ims
💎 Complete Guide to ASP.NET Core Identity
frankliucs.com/identity
💎Complete Blazor Course: Build an e-commerce app with ASP.NET Blazor and Clean Architecture
frankliucs.com/blazor-course
💎 Complete Web API Course:
frankliucs.com/webapi-course
👍Architecture Course
frankliucs.com/architecture-c...
🔌 Connect with me: frankliucs.com/
🏅 Support me on Patreon: / frankliucs
☕ Support me on Buy me a Coffee: www.buymeacoffee.com/frankliucs

[@nghuwei]

Thanks Frank Liu for the great tutorials. Been following few videos and all the architectures and technologies are well explained. Compared to some videos out there, most will jump directly to the code without explaining what it does. I believe understanding the basic architectures of Blazor is very important , especially for beginners like me.

[@FrankLiuSoftware]

Glad you like my style.

[@saturninramirez1107]

Thank you , very well explained , because you start simple , that is very important to explain structures !

[@FrankLiuSoftware]

💎My New Blazor Course: Build an e-commerce app with ASP.NET Blazor and Clean Architecture
ruclips.net/video/C8xIE_3I7JQ/видео.html

[@2005Azm]

Wonderful

[@keimo2007]

Maybe you could split those two windows way where you give slightly more space for code window and slightly narrower browser is good enough. Great tutorial btw!

[@FrankLiuSoftware]

Thank you for the suggestion! I am new in making videos, there is a lot to learn! Thank you!

[@davidhoong3817]

When the data changed by the customer, how to submit the IndexViewModel? it will be like what is in MVC?

[@FrankLiuSoftware]

Either save it to database by using EF in blazor server side or go through WebAPI. So it is similar to MVC.

[@prog_demos]

Thank you so much. You've been of big help.
Friendly tips: Invest in a better mic and try to use 16:9 ratio. Also, keep in mind that viewer should see all that you're doing clearly.
Question: why did you make that part of a C# code a "region"?

[@FrankLiuSoftware]

You are very welcome! Those are my early videos when I just started., my newer videos were recorded with higher audio quality. As for the region, it was just for better screen space management, so that I don't have to see it all the time and worry about it.

[@prog_demos]

@@FrankLiuSoftware Alright, thanks a lot! I'll be sure to check on more of your content! :)

[@silvinaalvarez8117]

Hola! Algun video para agregar un pequeño editor de texto a una pagina? Gracias!

[@FrankLiuSoftware]

Lo siento, pero no hay video para eso. Pero creo que debe ser muy similar a enlazar texto a una input normal.

[@davidhoong3817]

Where to find the code of the demo used in your tutorial? Thanks.

[@FrankLiuSoftware]

Sorry, I don't have it shared anywhere. But if you need it, here you go:
@page "/"
Hello, world!
Welcome to your new app.


Name: @person.SalesPerson


Amount: @person.Amount.ToString("c")







 Is Active


Is Active: @person.isActive



1


2


@selectedGroup




@foreach (var loc in person.Locations)
{
@loc.City
}


@selectedLocationId



@foreach (var loc in person.Locations)
{
@loc.City, @loc.ProvState, @loc.Country
}




@foreach (var loc in person.Locations)
{

@loc.Id










}


@code {
IndexViewModel person = null;
int selectedGroup = 1;
int selectedLocationId = 0;
protected override void OnInitialized()
{
base.OnInitialized();
person = new IndexViewModel
{
SalesPerson = "Alex",
Amount = 15000,
Locations = new List {
new Location { Id=1, City = "Toronto", ProvState="Ontario", Country="Canada"},
new Location { Id = 2, City = "Montreal", ProvState="Quebec", Country="Canada" } }
};
}
#region "View Model"
class IndexViewModel
{
public string SalesPerson { get; set; }
public double Amount { get; set; }
public bool isActive { get; set; }
public List Locations;
}
class Location
{
public int Id { get; set; }
public string City { get; set; }
public string ProvState { get; set; }
public string Country { get; set; }
}
#endregion
}

[@davidhoong3817]

@@FrankLiuSoftware Thanks a lot!

[@astroimagers]

Good stuff Frank Thanks! Just 1 constructive brotherly suggestion on audio (I can relate). I picked up this mic for like half what it used to cost when it first came out long time ago. Now they're a good deal (~50 bux) for a decent mic. For example:
ruclips.net/video/T1mmIl3KpqQ/видео.html

[@FrankLiuSoftware]

I bought a mic recently. This video was recorded a few weeks ago. Hopefully the next video will be better. Thank you so much for the suggestion!

[@RouteDeTours]

I have been following your excellent videos for a while now, but there is something that baffles me.
I have not read a single comment pointing how bad the audio is and how it could be greatly improved with $10 pop filter.
You MUST have been aware of this problem for many years now, so I can on guess that you don't have $10 to spare, which is a great shame.

[@FrankLiuSoftware]

Those are one of the older videos, later ones have been improved. Thank you for your interest!

[@naderbarman1893]

"Kheily Khoob" Frank
.
.
It means "So Good"