无法使用xeditable在select2中搜索值并设置初始值

Question

 $('#' + id).editable({
        type: 'select2',
        pk: 1,
        onblur: 'submit',
        emptytext: 'Empty',
        savenochange: true,
        select2: {
            placeholder: 'Select Country',
            //allowClear: true,
            width: '230px',
            autocomplete: true,
            //minimumInputLength: 2,
            id: function (e) {
                return e.Value;
            },
            ajax: {
                url: '/MyController/GetCountryList?' + $("#querystring").val(),
                dataType: 'json',
                data: function (term, page) {
                    return { query: term };
                },
                results: function (data, page) {
                    return { results: data };
                }
            },
            formatResult: function (Country) {
                return Country.Text;
            },
            formatSelection: function (Country) {
                return Country.Value;
            },
            initSelection: function (element, callback) {
                return $.get('/MyController/GetCountryByCode', { query: element.val() }, function (data) {
                    callback(data);
                }, 'json'); //added dataType
            }
        },
    });

我无法在select2中选择默认值，并且在select2中无法进行搜索。

我的数据如下所示，是带有值和文本对的数组中的coutries列表。

[{值：'AF'，文本：'阿富汗-AF'}，{值：'AX'，文本：'Aland-AX'}，{值：'AL'，文本：'阿尔巴尼亚-AL' }，{值：'DZ'，文本：'阿尔及利亚-DZ'}，{值：'AS'，文本：'American Samo-AS'}，{值：'AD'，文本：'Andorra-AD'} ，{值：'AO'，文本：'Angola-AO'}，{值：'AI'，文本：'Anguilla-AI'}，{值：'AG'，文本：'安提瓜和巴布达-AG'} ，{值：“ AR”，文本：“阿根廷-AR”}，{值：“ AM”，文本：“亚美尼亚-AM”}，{值：“ AW”，文本：“阿鲁巴-AW”}，{值：“ AC”，文本：“ Ascension-AC”}

我在前端设置了这样的html

<a class='TranValidation editable' name="SupplierParty.Country"  id="SupplierParty_Country"  data-value="@Model.SupplierParty.Country" >@Model.SupplierParty.Country</a>

仅应显示以下国家/地区代码

Country : DK

我只想在字段中存储值“ DK”，当我从列表中选择值时，应该在select2中选择它。

问题是我无法在select2中设置初始值“ DK”，并且可以看到国家/地区列表，但无法搜索。