Question

我有一个带有复选框的KendoUI网格来选择多行，它的dataBound事件是：

  <svg
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="100%"
   height="100%"
   id="svg2">
  <defs
     id="defs4" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     id="layer1">
    <path
       d="m 560,315.21933 a 265.71429,234.28572 0 1 1 -531.428589,0 265.71429,234.28572 0 1 1 531.428589,0 z"
       id="path2985"
       style={{fill:#ffff00;fill-opacity:1;stroke:none}} />
  </g>
</svg>

}

绑定字段是：

function onDataBound(e) {
e.sender.items().each(function () {
    var dataItem = e.sender.dataItem(this);
    kendo.bind(this, dataItem);
    if (dataItem.IsChecked) {
        $(this).addClass("k-state-selected");
    }
});

它运行正常，但现在当我单击工具栏取消按钮时，我刚刚手动检查（和选中）的行仍在显示，但我想回到原始状态（在我手动检查/选择行之前）

如何在自定义工具栏按钮中执行此取消操作？

Answer 1

这适用于我：

$(grid.element).on("click", ".toolbar-cancel", function() {
    grid.clearSelection();
    grid.dataItems().forEach(function(dataItem) {
        dataItem.set("IsChecked", false);
    });
});

to_csv

KendoUI网格取消选中/选定的行

1 个答案: