允许 select2 jquery ajax 在标签模式下重复标签

Question

我正在使用 select2-jquery 从服务器 (ajax) 中获取几个项目，并允许用户 select 其中几个，它工作正常，但我不能多次 select 任何给定的标签，这是一项要求，我将粘贴我的一些代码，希望它有所帮助。我已经检查了 ajax 请求，我可以看到相同的数据在相同的搜索条件下从服务器返回，但是一旦一个项目被 selected select2 就不会显示它再

这是我观点的一部分：

<div class="form-group">
    @Html.LabelFor(m => m.Vals, T("Values"), new { @class = "control-label col-md-2" })
    <div class="col-md-7">
        <input id="Values" name="Values" type="hidden" style="width: 100%" data-url="@Url.Action("Action", "Controller")" />
    </div>
</div>

这是 JS 部分：

$(function () {
        var fullTemplateString = 'some template string';
        var resultTemplateString = 'other template';
        var $selectInput = $('#Values');

        initilizeSelect2($selectInput, fullTemplateString, resultTemplateString);
    });

    function initilizeSelect2($selectInput, fullTemplate, resultTemplate) {
        $selectInput.select2({
            placeholder: "Select Labs",
            minimumInputLength: 2,
            multiple: true,
            tokenSeparators: [","],
            tags: false,
            ajax: {
                url: $selectInput.data('url'),
                dataType: 'json',
                quietMillis: 250,
                data: function(term, page) {
                    return {
                        term: term,
                    };
                },
                results: function(data, page) {
                    return {
                        results: data
                    };
                }
            },
            formatSelection: function (item) {
                return format(item, resultTemplate);
            },
            formatResult: function (item) {
                return format(item, fullTemplate);
            },
            escapeMarkup: function (m) { return m; }
        });
    }

    function format(item, templateString) {
        var result = templateString
            .replace(/\^\^id\^\^/g, item.id)
            .replace(/\^\^icon\^\^/g, item.icon)
            .replace(/\^\^text\^\^/g, item.name)
            .replace(/\^\^desc\^\^/g, item.desc);

        return result;
    }

我在这个项目中广泛使用 select2 version:3.4.5，所以这方面的任何更改都会非常痛苦

提前致谢

Answer 1

通过 select2 代码进行大量搜索和调试后，我找到了一种方法（黑客）通过删除阻止已选择元素的 css class .select2-selected 来解决这个问题从再次显示。我知道这不是最好的解决方案，但它现在正在工作。我非常欢迎任何改进或更好的解决方案

允许 select2 jquery ajax 在标签模式下重复标签

Allowing select2 jquery ajax in tag mode to repeat tags

javascript

jquery

jquery-select2

这是我观点的一部分：

这是 JS 部分：