如何处理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，您可以获取该行的dataItem。 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...
});