Refresh/ Rebind one dropdownlist asp.net MVC

Question

I have a dropdownlist which has list of categories & a link which is for refreshing dropdownlist items.

@Html.DropDownList("CategoryNameItemNameBinding", Model.CatgegoryNameItems)

<a href="javascript:void(0)" id="opener" onclick="openDialog('Category',this)">Refresh Category List</a> </span>

The link opens a small popup windows with a button which when clicked the database table to which dropdownlist is bound is updated.

The problem is that although the database table is updated the dropdownlist does not shows new items until the page is manually refreshed or I navigate away and come back to page.

I do not want to refresh/ reload the entire page. How do I refresh the dropdownlist to reflect the new items.

Thanks

You can either use ajax to call a controller method that queries the database returns the items to populate in the dropdownlist, or better (since you already know the new values(s) to be added in the view from you popup), just use javascript to append a new option based on the data in the popup — user3559349
– user3559349, Commented Apr 17, 2016 at 13:00
Hi Stephen, thanks for replying. I am new to Mvc so can you please post a sample of ajax call. I found many examples but not sure which one is right way to go. — Robin
– Robin, Commented Apr 17, 2016 at 15:47

Syed Mhamudul Hasan · Accepted Answer · 2016-04-18 07:41:09Z

2

Your Ajax call will be

$("#linkId").on('click', function (event) {
            var url = "GetList";
            $.ajax({
                data: {},
                type: 'POST',
                cache: false,
                dataType: 'json',
                url: url,
                success: function (result) {
                    $("#dropDownId").empty();
                    $("#dropDownId").append('<option value="">Select One</option>');
                    $.each(result, function (i, item) {
                        $("#AddItemItemId").append('<option value="' + item.Value + '">' +
                            item.Text + '</option>');
                        // here we are adding option for States
                    });
                },
                error: function (ex) {
                    alertify.alert('We face some technical difficulties. Hello World');
                }
            });
            event.preventDefault(event);
        });

and backend C# code will like

[HttpPost]
    public JsonResult GetList()
    {

        var itemlist = _itemManager.GetItems();
        var itemList = itemlist.Select(item => new SelectListItem { Text = item.ItemName+" - "+item.PowerName, Value = Convert.ToString(item.Id) }).ToList();
        return Json(new SelectList(itemList, "Value", "Text"));
    }

Hope this will help you. Happy coding

edited Apr 18, 2016 at 7:41

Syed Mhamudul Hasan

1,3392 gold badges17 silver badges46 bronze badges

answered Apr 18, 2016 at 7:14

Md. Mostafizur Rahman

932 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Robin Over a year ago

Thanks this did the job, really appreciated.

Collectives™ on Stack Overflow

Refresh/ Rebind one dropdownlist asp.net MVC

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related