【问题标题】:Creating a new row when enter key is pressed in KendoUI Grid while editing编辑时在 Kendo UI Grid 中按下回车键时创建新行
【发布时间】:2015-10-22 13:58:29
【问题描述】:

我尝试使用各种代码 sn-ps 来实现这一特定功能,即当您在特定单元格中编辑时按下回车键时创建新行。

`$(document).on('keypress','body',function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);
  if(keycode == '13'){
    grid.addRow();

  } 
});​

上面的代码在你简单地按回车键时有效,但是当你编辑一个单元格并按回车键时,它并没有创建一个新行。

我想在编辑特定单元格时按回车键创建一个新行。

如果有人能在这方面帮助我,那就太好了。

提前致谢。这是js小提琴。

简而言之:- 如果我在特定单元格中进行编辑,当我按下回车键时,它应该会创建一个新行!

https://jsfiddle.net/aravind_93/c1f3t6yo/

【问题讨论】:

  • 您是否尝试在捕获阶段添加事件侦听器? document.addEventListener('keypress', function(evt){...}, true);
  • 对不起。我没有注意到您确实设置了小提琴。编辑 yuor fiddle 以使用捕获 jsfiddle.net/c1f3t6yo/1 您可以查看 this answer
  • 嗨 Prusse,不,我没有尝试过,但是当我将按键更改为向上键时它起作用了!

标签: javascript jquery kendo-ui kendo-grid


【解决方案1】:

当我将“body”替换为“#stocks_tbl”并将“keypress”替换为“keyup”时,它起作用了!

$(document).on('keyup','#stocks_tbl',function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '13'){

    var grid = $("#stocks_tbl").data("kendoGrid");
    grid.addRow();                        
} 
});

Link to updated JS FIDDLE

'#Kendo UI'

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-05-11
    • 2020-08-04
    • 2014-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多