Select2远程数据：选择值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 属性是一个可为空的 int。

使用 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

选择一个选项后，我无法再通过用户界面选择值 Null。

问题： 如何使用带有远程数据的用户界面选择 Null 值？

Answer 1

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

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

属性。