knockout.js select2 4.0选项可见但不可选

kx5bkwkv  于 2022-11-10  发布在  其他
关注(0)|答案(1)|浏览(179)

我最近将select2 3.5.1升级到了select2 4.0。
请在下面找到代码片段。

var self = this,
    $view = $(view);
$.fn.select2.amd.require(['select2/data/array', 'select2/utils'], function (ArrayData, Utils) {
    function CustomData($element, options) {
        CustomData.__super__.constructor.call(this, $element, options);
    }

    Utils.Extend(CustomData, ArrayData);

    CustomData.prototype.query = function (params, callback) {
        callback({
            results: [{
                id: 1,
                text: "Friesd"
            }, {
                id: 2,
                text: "Ham"
            }, {
                id: 3,
                text: "Eggs Benedict"
            }]
        });
    }

    $view.select2({
        // templateSelection: ko.unwrap(self.formatFunc),
        // templateResult: ko.unwrap(self.formatFunc),
        placeholderOption: 'first',
        allowClear: false,
        multiple: "multiple",
        placeholder: 'search..',
        escapeMarkup: function (markup) {
            return markup;
        },
        minimumInputLength: 1,
        dropdownParent: $('.container')),
    dataAdapter: CustomData,
    //id: ko.unwrap(self.idFunc)
    });

它成功地将结果带到显示中,但选项不能点击。我真的怀疑这可能是一个CSS问题。请帮助我给出变通办法。

avwztpqn

avwztpqn1#

如果您使用Knockout,正如您的标记所建议的那样,您的设置应该在自定义绑定处理程序中完成,如下所示(这是您的多选需求所特有的):
第一个

相关问题