我最近将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问题。请帮助我给出变通办法。
1条答案
按热度按时间avwztpqn1#
如果您使用Knockout,正如您的标记所建议的那样,您的设置应该在自定义绑定处理程序中完成,如下所示(这是您的多选需求所特有的):
第一个