Question

我有一个网格和一个多选框，我想根据我选择的内容通过多选框过滤该网格，当我取消选择时，应相应地过滤该网格，这是我的网格：

 $("#grid").kendoGrid({                   
                dataSource: ds2,                   
                height: 550,                  
                sortable: true,
                pageable: {
                    refresh: true,
                    pageSizes: true,
                    buttonCount: 5
                },          
                  columns: [
                       { field: "name",
                         title: "Name",width:"50px"},
                       { field: "Description",
                       title: "Description", width: "80px"
                       },
                       { field: "WindSpeed",
                       title: "Wind Speed", width: "40px"
                       },
                       { field: "RPM",
                       title: "RPM", width: "40px"
                       },
                       { field: "Power",
                       title: "Power", width: "40px"
                       }
                      ]
            });

绑定数据源的数据：

 var ds1 = new kendo.data.DataSource({
                data: rsturn_f.EventNames
            });

   var ds2 = new kendo.data.DataSource({
                data: rsturn_f.Data
            });

这是多项选择：

 $("#evnts").kendoMultiSelect({
                placeholder: "Select products...",
                dataTextField: "Nme",
                dataValueField: "Nme",
                //autoBind: false,
                select: onSelect,
                deselect: onDeselect,
                dataSource: ds1

            });

通过onselect我这样做：

 function onSelect(e) {

                ds2.filter({ field: "Description", operator: "startswith", value: e.dataItem });
 }

现在我是否想对多个值进行过滤并通过从multiselect中删除值来取消过滤，我不知道该怎么办，知道吗？

Answer 1

您必须使用Multiselect的change事件。您可以在传递给dataSource过滤器API的operation属性中直接使用函数。

 function onChange(e) {
     ds2.filter({ field: "Description", value: this.value(), 
          operator: function(currentValue, filterValues){
               if(filterValues.length===0){
                  return true;
               }

                   if(filterValues.indexOf(currentValue)!==-1){
                      return true;
                   } 

               return false;
       }
 });

}

使用多选剑道过滤数据源

1 个答案: