Step by step migration of ASP.NET Core 2.2 to 3.1

In order to upgrade/migrate core version to 3.1 following steps to be perform. Download and install Visual Studio 2019 version 16.4 or higher. Download and install .NET Core 3.1 Upgrade the projects of solution to .NET Core 3.1 , because ASP.NET Core 3.1 requires it. Update existing Nuget packages to a version compatible with ASP.NET Core 3.1 in each project Use IHost interface from a IHostBuilder instead of building and running a IWebHost from a IWebHostBuilder in Program.cs public static IHostBuilder CreateWebHostBuilder(string[] args) => Host.CreateDefaultBuilder(args) .ConfigureWebHostDefaults(webBuilder => { webBuilder.UseKestrel() .UseSerilog() .UseStartup<Startup>(); }) Change AddMvc method has been replaced by AddControllers in Startup.cs of each projects. In Startup.cs, UseMvc method to b

Populate Dropdown with jquery using JSON request in mvc3

In this Article i am going to demonstrate to fill the dropdownlist with jquery using JSON in mvc3. To achieve this task we need to write the following JavaScript code in view (.cshtml page)

    ViewBag.Title = "Products";
<script type="text/javascript">

  jquery(document).ready(function () {
        jquery("ddlCategory").change(function () {

            var idModel = jquery("#ddlCategory").val();
            jquery.getJSON("product/items/", { category: idModel },
                    function (carData) {
                        var select =jquery("#ddlitems");
                        select.append($('<option/>', {
                            value: 0,
                            text: ""

                        jquery.each(carData, function (index, itemData) {

                            select.append(jquery('<option/>', {
                                value: itemData.Value,
                                text: itemData.Text



@Html.DropDownList("ddlCategory", new SelectList(new string[] { "Select", "CategoryA", "Category2" }.ToList(), "Select"))

Above code having two dropdownlist one is for category and second is for items. The logic behind above code is to fill items as per category selected above. I have used jquery change methode to fill items on change of category. On change the JSON request will be sent back to server and on response from server the items populated in items dropdownlist

in controller following code need to write

        public JsonResult Items(string category)

            var result = DB.items.Where(ce=>ce.category==category);
            var itemtdata = result.Select(m => new SelectListItem()
                Value = m.itemid,
                Text = m.itemname

            return Json(itemtdata, JsonRequestBehavior.AllowGet);


I hope that this Article help you on fill dropdown on Json request using Jquery in MVC application


Popular posts from this blog

Restore the lost focus of Auto post back controls in update Panel control

Add Comma automatically while entering amounts in textbox using Javascript

clone a generic list in C# using extension method