Тёмный

How to Create Cascading Dropdown List | Country, State and City Cascading Example in ASP.NET CORE 

CodeWithGopi
Подписаться 10 тыс.
Просмотров 11 тыс.
50% 1

#cascading #aspnetcore #codewithgopi
How to Create Cascading Dropdown List | Country, State and City Cascading Example in ASP.NET CORE
Buy me a Coffee: www.buymeacoffee.com/codewith...
Join this channel to get access to perks:
/ @codewithgopi
In this video, we explained how to create cascading(Country, State and City) drop down list in ASP.NET Core MVC and then populate drop down list from database.
We have used Entity Framework Core Code First approach with JQuery Ajax to populate drop down list items.
For better understanding Please watch the video till the end.
Please subscribe to my channel.
⌚ Timestamps
00:00 - Intro
01:50 - Create a new project
03:10 - Add Entity Framework and bootstrap packages
04:42 - Add Entity models(Country/State/City)
07:00 - Add DbContext
08:30 - Add Connectionstring to Appsettings.json
09:50 - Entity Migration to database
15:25 - Insert Country/State/City Data
16:28 - Create a Controller
17:42 - Get Countries Action method
18:40 - Get States Action method
19:59 - Get Cities Action method
21:07 - Create view for Drop down list
25:10 - Create Ajax methods to load Drop down items
41:23 - Final Output
Playlists:
.Net Core :
• .Net Core MVC
MVC Examples :
• MVC Examples
Real Time Examples in Asp .Net :
• Real Time Examples in ...
Asp .Net Tutorial :
• Asp.Net Examples
RDLC Reports :
• RDLC Reports
SQL Server Tutorial for beginners :
• SQL Server Tutorial fo...
Utilities:
• Utilities
Git : github.com/gpaptechnologies
Connect to My blog : codewithgopi.blogspot.com/
Tags:
#crud #dotnet6 #dotnetcore #CodeFirst #CRUDINMVC #ADONet #aspnetcore #EntityFramework #CRUDINDOTNETCORE #CRUDOperations #WebapiwithEF #jquery #ajax #cascading
Asp net Mvc Full CRUD Operation Using Entity Framework DB First
CRUD Operations using Entity Framework Database-first Approach In ASP.Net MVC
ASP.Net MVC 5 Database First with Entity Framework 6
Asp.net Mvc : Create Update Delete View With Entity Framework
C# Asp.Net MVC CRUD Operations Using Entity Framework
EntityFramework Db First approach in .NET 5.0 MVC with CRUD operations
ASP.NET MVC CRUD Operations Using Entity Framework | ASP.NET MVC Create, Update, Delete Operations
CRUD operations in ASP.NET MVC5 using Entity Framework Code First and SQL Server database Tutorial
Asp net Mvc Full CRUD Operation Using Entity Framework DB First
Full CRUD operation using datatables in ASP.NET MVC
Asp.net Mvc : Create Update Delete View With Entity Framework
Asp.Net MVC CRUD Operations Using Datatable
Asp.Net MVC CRUD Without Entity Framework - Create,Update,Delete and View
Insert update delete in mvc using entity framework
Asp.Net MVC CRUD Operations Using Entity Framework
CRUD Operation In ASP.NET Core MVC Application From Scratch VS2019
Create First MVC CRUD Web Application using Visual Studio 2019
asp.net mvc crud full crud operation using datatable in asp.net mvc mvc crud operation using entity framework db first crud in mvc mvc crud using jquery ui mvc crud mvc step by step tutorial on asp.net mvc crud mvc entity framework database first crud crud operations in asp.net mvc 5 using entity framework crud asp.net mvc crud operations using datattable and ajax request asp.net mvc mvc crud operation using db first entity framework
entity framework crud operations in asp.net core mvc mvc crud using entity framework core crud operations in asp.net mvc 5 using entity framework mvc crud operation using entity framework db first crud operations in asp.net mvc5 using entity framework crud entity framework mvc crud with entity framework crud entity framework code first entity framework
bootstrap alert with close button
fetch data with stored procedure
insert data with stored procedure
update data with stored procedure
delete data with stored procedure
crud operations with web api
crud operations with webapi entity framework
repository pattern
crud with repository pattern
fetch data from database in asp.net core
insert data into database in asp.net core
update data into database in asp.net core
delete data into database in asp.net core
crud operations in asp.net core with EF
cascading dropdown in asp.net core

Опубликовано:

 

5 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@shabanelmogy7912
@shabanelmogy7912 Год назад
thanks
@linhngo841
@linhngo841 11 месяцев назад
Thank you very much It's useful for me
@CodeWithGopi
@CodeWithGopi 11 месяцев назад
Thanks for your valuable feedback and support 👍
@DG-cd3jb
@DG-cd3jb Год назад
Hi. It’s very informative. I have a usecase that is required to make an Ajax call to the google-city-list api once user enter postal code, then we need to auto populate city and the country on the registration page dropdown fields, then state should be auto populate once user choose the city. If there are multiple cities and the countries for the same zip code, then populate list of cities in the dropdown and country dropdown, but for the country dropdown field must be append with “not found or other” option during multiple countries in the backend api response. Any helpful references and thoughts on this usecase ?
Год назад
Great job, one question, what if there are some other controls that have DataAnnotations like required but after the ajax calls the messages errors don´t display anymore, how could send all the validations messages in dataannotations again? thanks
@raimontanez6321
@raimontanez6321 Год назад
Great explanations. I followed step by step and it worked for me. The one thing I had issue with that wasn't clear is in the js file you have to make sure data.id and data.name match the names as they are in the model. In my case it was data.id and data.transactionTypeName.
@nesarazimi2221
@nesarazimi2221 Год назад
Thanks for your nice tuttorial. could you explain how to work with cascading dropdown in edit menu i want the drop down lists to be selected as what i selected in create page
@bhanuchaurasia6335
@bhanuchaurasia6335 Год назад
Jabardast
@erickdouglas
@erickdouglas Год назад
hello! how can I cascade this DropDownList in the Create view?
@josephpondugula458
@josephpondugula458 Год назад
Great Job explaining. can you Please provide source code link
@simrankumari9438
@simrankumari9438 10 месяцев назад
When I return JsonResult(countries) it shows error JsonResult is not a constructor
@chandrakumar1053
@chandrakumar1053 5 месяцев назад
how can resolve
@user-is3lq9wn5k
@user-is3lq9wn5k Год назад
why it's showing blank? I can't see any dropdown list?
@chandrakumar1053
@chandrakumar1053 5 месяцев назад
jquery is not working
@nikby7301
@nikby7301 Год назад
I'm in error. How to fix if in the first sheet when outputting it writes: undefined
@rajaji83
@rajaji83 Год назад
did you find any solution to it
@raimontanez6321
@raimontanez6321 Год назад
@@rajaji83 I had this problem as well. It took me a minute to figure it out but you have to make sure this line of code $('#countries').append('' + data.name + '' (in the js file) that data.id and data.name are the model field names. In my case it was data.id and data.transactionTypeName. Hope this helps.
@Xmukherjee
@Xmukherjee Год назад
Server Certificate error can also be fixed with ;Encrypt=False (in case of sql server authertication) "ConnectionStrings": { "DefaultConnection": "Data Source=YORK;Initial Catalog=DBONE;Persist Security Info=True;User ID=sa;Password=@password;Encrypt=False" },
@ppp5921
@ppp5921 Год назад
can u explain in Hindi ?
Далее
HOW DID SHE WIN??
00:49
Просмотров 16 млн
100+ Linux Things you Need to Know
12:23
Просмотров 77 тыс.
Cascading dropdownlist using jquery and asp net
29:12
Asp.Net Core MVC CRUD Operations with EF Core
55:25
Просмотров 183 тыс.