剑道网格行双击事件不起作用答案

【问题标题】：kendo grid row double click event not working剑道网格行双击事件不起作用
【发布时间】：2014-12-22 12:56:52
【问题描述】：

剑道网格行双击事件不起作用

嗨，我正在开发一个带有剑道网格的 Web 应用程序，并且我已经将双击事件绑定到网格。但是当用户单击特定单元格时，双击事件不会触发。我认为这些单元格具有像“div”这样的内部模板（单击事件工作正常。问题仅在于双击）。有帮助吗？

【问题讨论】：

如果我们能看到一些代码或 jsfiddle/plunkr 会有所帮助。
Sure.this 事件将在我使用 jquery 动态单击元素而不是手动单击时触发。

标签： jquery angularjs kendo-ui kendo-grid

【解决方案1】：

你可以试试：

$("#grid").on("dblclick", "tr.k-state-selected", function () {
    alert("Double click");
});

【讨论】：

【解决方案2】：

最好在 tr 行元素上设置 dbl click 事件。这样，如果需要，您可以访问剑道网格中的 dataItem 对象。在您的 kendogrid 数据绑定事件中，添加以下代码：

if ($("#your-grid").find("tbody").children().length <= 0) {
        $.each($("#your-grid").find("tbody").find("tr"), function () {
                $(this).addClass("row-dbl-click");
        });
    }

现在你需要处理dbl点击事件：

$(document).on("dblclick", ".row-dbl-click", function (e) { //do stuff });

我还没有测试过，但它应该可以工作。祝你好运。

【讨论】：

在我的原因中，html 双击将起作用，但某些单元格具有编辑模板。因为首先它会进入剑道网格的编辑功能并停在那里。

【解决方案3】：

以下代码适用于双击事件：

$('#grid table tr').live('dblclick', function () {

alert('grid dbl clicked'); });

【讨论】：