Kendo UI网格-使用“选择多选框"进行过滤 [英] Kendo UI Grid - Filter with Select Multi-Checkbox

问题描述

问题是，当我选择多个复选框并对某项进行过滤时，所有选中的复选框都会恢复为正常的所有复选框(未选中)

Problem is that when I choose multiple checkbox and filter for something all checkbox selected returns to normal all checkbox's (un-checked)

我的问题是:我可以选中某些复选框并过滤某些内容，而不必对选中的行做任何更改

my question is : Can I do the checked some checkbox's and filter for something without do any changes on my rows checked

请在下面检查照片:

1-检查了一些行

2-过滤包含"ss"的某些行

3-这里是我的问题，在过滤器上按OK后，得到的行没有 已检查

3 - here my problem, after press ok on filter get rows without checked

当我使用kendo ui v.2018时，请参见图像

when i'm using kendo ui v.2018 see image

请帮助我！！ 谢谢你.

please help me!! Thanks UW.

推荐答案

尝试将网格的 persistSelection 属性设置为 true .

Try setting the persistSelection property of your grid to true.

$("#grid").kendoGrid({
  columns: [
    { selectable: true, width: "50px" },
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33},
      { id: 3, name: "Jim Doe", age: 30 },
      { id: 4, name: "Jack Doe", age: 33}
    ],
    schema: {
      model: { id: "id" }
    }
  },
  filterable: true,
  pageable: {
    pageSize: 2
  },
  persistSelection: true
});

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.3.1017/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2018.3.1017/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2018.3.1017/js/kendo.all.min.js"></script>
<div id="grid">

这篇关于Kendo UI网格-使用“选择多选框"进行过滤的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！