How to handle a Kendo UI Grid row double-click event

怎甘沉沦 提交于 2019-11-29 13:24:17

问题


I have a selectable KendoUI grid in my MVC app. I want to do something when the user double-clicks on the grid.

I don't see a double-click event for the grid.

How may I handle the double-click event when there is none exposed?


回答1:


Use the standard double click event. The first click will select the grid row, adding a .k-state-selected class to it, and the second click will trigger the double click event.

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



回答2:


You can also use dataBound

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

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




回答3:


With kendoHelpers you can get the dataItem of the row. https://github.com/salarcode/kendoHelpers

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

It also has eventCellDoubleClick which works on cells.



来源:https://stackoverflow.com/questions/20842058/how-to-handle-a-kendo-ui-grid-row-double-click-event

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!