3

我想将 kendo ui 网格上的单击编辑功能替换为双击。

我要保留的设置是：selectable: "multiple, row", editable: true

我发现一个解决方案是设置editable: false并添加一个$('#grid').delegate('tbody>tr>td','dblclick', function (e){}

不幸的是，这带来了其他问题，使我的整个编辑过程变得困难。例如，kendo 不能再轻松地跟踪更改，不会用那个红色箭头将字段标记为正在更改。

有没有办法将默认的剑道单击功能更改为双击？

所以请求的行为将是：

  1. 单击选择行/单元格
  2. 双击使单元格进入编辑模式。
4

2 回答 2

6

这不是很好，但可能会奏效：

var myGrid = $('#grid').data("kendoGrid");
myGrid.element.on('click', 'tbody>tr>td:not(.k-edit-cell)', function (e) {
    myGrid.closeCell();
});
myGrid.element.on("dblclick", "tbody>tr>td:not(.k-edit-cell)", "dblclick", function (e) {
    myGrid.editCell($(this));
});

第on一个单击退出单元格的编辑并且不更改其他绑定作为行选择，第二个进入单元格的编辑模式。

为什么我说好看？因为我宁愿选择上unbind一个click版本（仅）而不是关闭版本。

于 2013-01-10T09:47:40.077 回答
0

我使用这段代码，它很丑但有效：

<script type="text/javascript">
    $(document).ready(function () {
        $(document).on("dblclick", "#MyGrid td[role='gridcell']", function (e) {   
        // do something
        });
    });
</script>
于 2015-06-08T21:00:54.450 回答