选择2远程数据：选择值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"  });

属性。