Question

我有一个下拉列表，其中包含类别列表＆amp;用于刷新下拉列表项的链接。

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

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

该链接打开一个带有按钮的小弹出窗口，单击该按钮时，将更新下拉列表所绑定的数据库表。

问题在于，虽然更新了数据库表，但在手动刷新页面或导航并返回页面之前，下拉列表不会显示新项目。

我不想刷新/重新加载整个页面。如何刷新下拉列表以反映新项目。

感谢

Answer 1

您的Ajax调用将是

$("#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);
        });

和后端C＃代码将

[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"));
    }

希望这会对你有所帮助。快乐的编码

刷新/重新绑定一个下拉列表asp.net MVC

1 个答案: