Kendo UI DoubleClick不起作用

时间:2016-02-18 07:41:31

标签: jquery asp.net-mvc kendo-ui kendo-grid

我尝试实施类似文章How to handle a Kendo UI Grid row double-click event

中描述的DoubleClick事件

不幸的是,我没有让它发挥作用。

我使用以下代码:(" grid"是生成Kendo Grid的Div)

function generateGrid(gridData) {
var parsedData = JSON.parse(gridData);

var dataSource = new kendo.data.DataSource({
    data: parsedData,
    batch: true,
    pageSize: 20
});

$("#grid").kendoGrid({
    height: 680,
    sortable: true,
    selectable: true,
    pageable: true,
    filterable: true,
    columnmenue: true,
    scrollable: false
});

var g = $("#grid").data("kendoGrid");
g.setDataSource(dataSource);

g.on("dblclick", "tr.k-state-selected", function () {
    alert("Double Click");
});

}

1 个答案:

答案 0 :(得分:1)

你正在做一些小错误,如:

  • 在kendoGrid返回对象上绑定dblClick事件,而不是在jquery选择器对象上绑定
  • 仅在包含类'k-state-selected'

    的行上定位dblClick事件

    试试这个:

    $("#grid").on("dblclick", "tr", function() { alert('double click'); });

JSFiddle example