如何通过输入将焦点放在剑道网格中的下一个单元格上

赛义德·瓦希德·哈西米（Seyed Vahid Hashemi）

我想通过在Kendo Grid中按Enter键来选择下一个单元格。我正在使用以下脚本：

 function onDataBound(e) {
        $("#batchgrid").on("focus", "td", function (e) {

            var rowIndex = $(this).parent().index();
            var cellIndex = $(this).index();
            $("input").on("keydown", function (event) {
                if (event.keyCode == 13) {
                    $("#batchgrid")
                    .data("kendoGrid")
                    .editCell($(".k-grid-content")
                    .find("table").find("tbody")
                    .find("tr:eq(" + rowIndex + ")")
                    .find("td:eq(" + cellIndex + ")")
                    .next()
                    .focusin($("#batchgrid")
                    .data("kendoGrid")
                    .closeCell($(".k-grid-content")
                    .find("table")
                    .find("tbody")
                    .find("tr:eq(" + rowIndex + ")")
                    .find("td:eq(" + cellIndex + ")")
                    .parent())));
                    return false;
                }
            });
        });
    }

这是我的jsfiddle。这段代码的问题是，当我按下Enter键时，它将集中在下一个单元格上，但是先前的更改将不会保留在屏幕上（最后一个单元格将以某种方式丢失更改）。我知道这段代码有一个错误，我无法弄清楚该错误在哪里。

karthickj25

看看这个JS FIDDLE链接

我修改了数据绑定事件，如下所示。

     $("#list").on("focus", "td", function (e) {         
     $("input").on("keydown", function (event) {
         if (event.keyCode == 13) {
             setTimeout(function () {
                 var curCell = $("#list").find(".k-state-selected")
                 var eCell = $("#list").find(".k-edit-cell")

                 curCell.removeClass("k-state-selected");
                 curCell.removeClass("k-state-focused");
                 curCell.removeAttr("data-role");
                 curCell.next().addClass("k-state-selected");
                 curCell.next().addClass("k-state-focused");
                 try {                         $('#list').data('kendoGrid').closeCell(eCell);
                 } catch (ex) {
                 }
                 $('#list').data('kendoGrid').select();                     
                 $('#list').data('kendoGrid').editCell(curCell.next());

             }, 50);

         }
     });
 });
 }

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。