Select2 远程数据：select value Null

Question

我在 mvc razor 中渲染我的下拉列表是这样的：

@Html.DropDownListFor(m => m.SelectedContact, new SelectList(Model.ContactList, "ContactId", "Name", Model.SelectedContact), "(Geen)", new { @class = "form-control input-sm", @data_search = "false", @id = "DASearchContactId" })

SelectedContact 属性是一个可为 null 的整数。

使用 javascript 我使用远程数据创建 select2:

    $("#DASearchContactId").select2({
        dropdownCssClass: "bigdrop",
        ajax: {
            url: '@Url.Action(MVC.DigitaalArchief.GetContactList4Paging())',
            dataType: 'json',
            delay: 500,
            data: function (params) {
                return {
                    searchText: params.term, // search term
                    page: params.page,
                    pageLimit: 20
                };
            },
            processResults: function (data, params) {
                params.page = params.page || 1;

                return {
                    results: data.items,
                    pagination: {
                        more: (params.page * 20) < data.total_count
                    }
                };
            },
            cache: true
        }
    });

页面渲染后，显示Null的默认值：See here

如果单击下拉菜单，将显示以下内容：See here

在我 select 编辑了一个选项后，我不能再通过用户界面 select 值 Null。

问题： 我怎样才能通过带有远程数据的用户界面完成 select 值 Null？

Answer 1

您可以使用以下方法清除所选值：

  $("#DASearchContactId").select2({ allowClear: true,placeholder: "Select a value"  });

属性。

Select2 远程数据：select value Null

Select2 remote data: select value Null

javascript

asp.net-mvc

jquery

jquery-select2

select2