3

一段时间以来，我一直在为我的下拉菜单使用 Select2 版本 3。但是，我正在尝试升级到最新的 v4 版本并且正在努力理解他们的文档。有人能指出我将以下 v3.5 代码转换为 v4 的正确方向，以便我了解如何转换其余代码吗？

    $("#@hp.ID").select2(
    {
        dropdownAutoWidth: true,
        minimumInputLength: 0,
        allowClear: getBool("@hp.bAllowClear"),
        width: "@hp.Width",
        formatResult: formatResults,
        formatSelection: formatSelection,
        matcher: SetMatcher,
        sortResults: SortSelect2,
        initSelection: function (element, callback)
        {
            var id = "@Model"
            if ((id != "") && (id != "0") && (id != undefined))
            {
                $.ajax("@Url.Action("GetVendorsInit", "DropDownManagerAjax")",
                {
                    data: JSON.stringify({ VendorID: id }),
                    dataType: "json"
                }).done(function (data)
                {
                    callback({ id: data.id, text: data.text });
                });
            }
        },
        ajax: {
            url: "@Url.Action("GetVendors", "DropDownManagerAjax")",
            dataType: 'json',
            quietMillis: 250,
            data: function (term, page)
            {
                return {
                    q: term,
                    iDisplayStart: (page - 1) * 100,
                    iDisplayLength: 100,
                    sEcho: 0,
                    iSortCol_0: 0,
                    sSortDir_0: 'asc',
                };
            },
            results: function (data, page)
            {
                var more = (page * 30) <= data.total;
                return { results: data.data, more: more };
            },
            cache: true
        },
        dropdownCssClass: "autoWidth",
        escapeMarkup: function (m) { return m; },
        placeholder: 'Select Vendor...'
    });
4

0 回答 0