Kendo ui 搜索功能在剑道网格中无法正常工作

Kendo ui 搜索功能在剑道网格中无法正常工作,kendo-ui,Kendo Ui,我有一个网格和搜索文本框。我也有四个复选框后,点击他们网格将过滤。但当我在搜索任何元素时单击一个过滤器时,整个网格数据都会显示出来。如何解决此问题? $("#search").keyup(function() { var selecteditem = $('#search').val(); var kgrid = $("#grid").data("kendoGrid"); selecteditem = selecteditem.toUpperCase();

我有一个网格和搜索文本框。我也有四个复选框后,点击他们网格将过滤。但当我在搜索任何元素时单击一个过滤器时,整个网格数据都会显示出来。如何解决此问题?


 $("#search").keyup(function() {
     var selecteditem = $('#search').val();

     var kgrid = $("#grid").data("kendoGrid");


     selecteditem = selecteditem.toUpperCase();
     var selectedArray = selecteditem.split(" ");
     if (selecteditem) {
         kgrid.dataSource.filter({
             field: "MP.emp_first_name",
             operator: "eq",
             value: selecteditem
         }, {
             field: "MS.position_status",
             operator: "eq",
             value: selecteditem
         });


         var orfilter = {
             logic: "or",
             filters: []
         };
         var andfilter = {
             logic: "and",
             filters: []
         };

         $.each(selectedArray, function(i, v) {
             if (v.trim() == "") {} else {
                 $.each(selectedArray, function(i, v1) {
                     if (v1.trim() == "") {} else {
                         orfilter.filters.push({
                             field: "MP.emp_first_name",
                             operator: "contains",
                             value: v1
                         }, {
                             field: "MS.position_status",
                             operator: "contains",
                             value: v1
                         });

                         andfilter.filters.push(orfilter);
                         orfilter = {
                             logic: "or",
                             filters: []
                         };
                     }

                 });
             }
         });
         kgrid.dataSource.filter(andfilter);
         //    kgrid.dataSource.filter(orfilter);
     } else {
         kgrid.dataSource.filter({});
     }

 });




 $(".maf-filter").on('change', function(e) {
 var kgrid = $("#grid").data("kendoGrid");
 var andfilter = {
     logic: "and",
     filters: []
 };
 var orfilter = {
     logic: "or",
     filters: []
 };
 //alert($("#maf_filter_open").prop('checked'));
 if ($("#maf_filter_open").prop('checked')) {

     orfilter.filters.push({
         field: "MPOSSTATUS.position_status",
         operator: "eq",
         value: "ABC"
     });

 }

 if ($("#maf_filter_closed").prop('checked')) {
     orfilter.filters.push({
         field: "MPOSSTATUS.position_status",
         operator: "eq",
         value: "DEF"
     });

 }

 if ($("#maf_filter_cancelled").prop('checked')) {
     orfilter.filters.push({
         field: "MPOSSTATUS.position_status",
         operator: "eq",
         value: "GHI"
     });

 }

 if ($("#maf_filter_potential").prop('checked')) {
     orfilter.filters.push({
         field: "MPOSPOTENTIALCANDIDATE.emp_first_name",
         operator: "neq",
         value: ""
     }, {
         field: "MPOS.by_whom",
         operator: "neq",
         value: ""
     });

 }

 if (orfilter.filters.length > 0)
     andfilter.filters.push(orfilter);


 kgrid.dataSource.filter(andfilter);
 });
 //End- dynamic filtering



 }); //end of document ready
基础知识 DEF GHI JKL
我们如何帮助您处理这些信息?你需要更具体一些,并分享一些示例代码。嗨@japi你现在可以检查一下我有剑道网格。根据网格中显示的基于条件的数据,单击任何一个后,我有4个复选框。但当我搜索时,它显示的是整个网格数据。如何解决
<form role="form" class="form-inline">
<label><input type="checkbox" name="maf_filter_open" id="maf_filter_open" class="k-checkbox maf-filter" value="O" checked /> ABC</label>
<label><input type="checkbox" name="maf_filter_closed" id="maf_filter_closed" class="k-checkbox maf-filter" value="F" checked /> DEF</label>
<label><input type="checkbox" name="maf_filter_cancelled" id="maf_filter_cancelled" class="k-checkbox maf-filter" value="C"  checked />GHI </label>
<label><input type="checkbox" name="maf_filter_potential" id="maf_filter_potential" class="k-checkbox maf-filter" value="P" checked /> JKL</label>