如何处理 Kendo UI Grid 行双击事件

Question

我的 MVC 应用程序中有一个可选择的 KendoUI 网格。 当用户双击网格时，我想做一些事情。

我没有看到网格的双击事件。

没有公开的双击事件如何处理？

Answer 1

使用标准的双击事件。 第一次点击会选择网格行，给它添加一个.k-state-selected类，第二次点击会触发双击事件。

$("#yourgridname").on("dblclick", "tr.k-state-selected", function () {
    // insert code here
});

Answer 2

您还可以使用数据dataBound

dataBound: function (e) {
   var grid = this;
   grid.tbody.find("tr").dblclick(function (e) {
      var dataItem = grid.dataItem(this);
      ...
    });
}

来自http://www.telerik.com/forums/double-click-on-grid-row-with-angular

Answer 3

使用kendoHelpers，您可以获得该行的数据项。 https://github.com/salarcode/kendoHelpers

kendoHelpers.grid.eventRowDoubleClick (theGrid, 
    function(dataItem){
        // do stuff with dataItem
    });

它还具有适用于单元格的eventCellDoubleClick 。

Answer 4

这是处理它的另一种方法：

var grid = $('#myGrid').kendoGrid({
    columnMenu: true,
    filterable: true,
    selectable: true,
    // and many more configuration stuff...
}).data('kendoGrid');

grid.tbody.delegate('tr', 'dblclick', function() {
    var dataItem = grid.dataItem($(this));
    // do whatever you like with the row data...
});

从 v3.0 开始， delegate已被弃用。 您可以使用on ，如下所示：

grid.tbody.on('dblclick', 'tr', function() {
    var dataItem = grid.dataItem($(this));
    // do whatever you like with the row data...
});