我有一个多选剑道,由mvc中的控制器填充.
我在下拉列表中有一个选项是selectAll,当我选择该选项时,我清除所有其他选项,现在我想禁用下拉列表(但不是删除“全选”选项的选项).
如果我做
multiselect.enable(false) //i lose the option to delete the selected "Select All"
使用以下代码：当我选择“全选”选项时,我清除所有选择的其他选项和剑道,只需选择所有选项.
if (sel == 'Select All') {
var name_Controller = $(e.item).parent().attr('id');
var name_Controller = name_Controller.substr(0,name_Controller.indexOf('_'));
var t = "#" + name_Controller;
var required = $(t).data("kendoMultiSelect");
required.value(""); // to clean
现在..我如何禁用其他选项,或者知道已经选择的选项的名称,以便执行以下操作：
if(required.contains("Select All")) //dont do nothing
最佳答案
要记住两个问题：
>如何从列表中筛选选项：您应该使用筛选器.
>拦截更改事件,以便您可以分析选择了哪些选项,如果选择“全选”,则过滤列表中的每个选项.
你应该做的是：
var multi = $("#colors").kendoMultiSelect({
dataSource: [
{ name: "Select All" },{ name: "Red" },{ name: "Green" },{ name: "Blue" }
],dataTextField: "name",dataValueField: "name",change: function(e) {
// Get selected options
var values = this.value();
if ($.inArray("Select All",values) != -1) {
// If "Select All" is in the list
// Remove other possibly selected options
multi.value("Select All");
// Remove any option from the datasource
multi.dataSource.filter({ field : "name",operator : "eq",value : "Select All"});
} else {
// Clean filter
multi.dataSource.filter({ });
}
}
}).data("kendoMultiSelect");
在这里查看：http://jsfiddle.net/OnaBai/9nVdq/6/
编辑：如果你想要处理这个“全选”的通用函数,你应该将MultiSelects定义为：
var multi = $("#colors").kendoMultiSelect({
dataSource: colors,change: selectAll
}).data("kendoMultiSelect");
$("#cities").kendoMultiSelect({
dataSource: cities,change: selectAll
});
和函数selectAll：
function selectAll(e) {
// Get selected options
var values = this.value();
if ($.inArray("Select All",values) != -1) {
// If "Select All" is in the list
// Remove other possibly selected options
this.value("Select All");
// Remove any option from the datasource
this.dataSource.filter({ field : "name",value : "Select All"});
} else {
// Clean filter
this.dataSource.filter({ });
}
}
“技巧”是指当前的多选.
