按enter键时的jQuery jTable编辑和添加弹出divs保存按钮

按enter键时的jQuery jTable编辑和添加弹出divs保存按钮,jquery,html,jquery-jtable,Jquery,Html,Jquery Jtable,当我编辑或向jQuery jTable添加新帖子时,我希望在编辑完毕后按enter jQuery并单击Save按钮 我正在尝试类似的东西,但它不起作用 $("#jtable-create-form > div > div > input").keyup(function(e) { if(e.keyCode == 13){ $("#AddRecordDialogSaveButton").click(); } }); html结构如下所示: <

当我编辑或向jQuery jTable添加新帖子时,我希望在编辑完毕后按enter jQuery并单击Save按钮

我正在尝试类似的东西,但它不起作用

$("#jtable-create-form > div > div > input").keyup(function(e) {
    if(e.keyCode == 13){
       $("#AddRecordDialogSaveButton").click();
    }
});
html结构如下所示:

<div id="jtable-create-form"> // poput div
  <div> //form wraper div
     <div> //input wraper div
        <input>
     </div>
  </div>
</div>
但是,当我试图只提醒$jtable create form>div>div>input.val时,我没有定义


有人尝试过这个,或者看到了解决方案

我发现以下方法似乎有效:

$("#jtable-create-form input").keypress(function(e) {
    if(e.which == 13) {
       $("#AddRecordDialogSaveButton").trigger('click');
    }
});
$('#tablediv').jtable('load', {}, function(data) {

    $(document).on('keydown', '#jtable-create-form input', function(ev) {
        if(ev.which === 13) {
            $("#AddRecordDialogSaveButton").trigger('click');
        }
    });

    $(document).on('keydown', '#jtable-edit-form input', function(ev) {
        if(ev.which === 13) {
            $("#EditDialogSaveButton").trigger('click');
        }
    });

});//end load form
但不适用于父表>子表

说明:

我指定了一个回调函数post table load,它确保在将键控处理程序连接到编辑和创建对话框之前,这些对话框存在

然后,仅当焦点位于作为适当形式的子级的输入中时,我才附加keydown处理程序

请注意,我附加了两个处理程序,一个用于创建表单,另一个用于编辑表单,我特别注意的是键代码13,它是ENTER键

如上所述,唯一的问题似乎是,如果您有parent>child jtables,则按enter键似乎会触发对空父项和子项的创建/更新,这是完全不可接受的。。。但是,如果您只有单级jtables,那么这段代码应该可以工作


仅在chrome中测试

我尝试了这个,但它不起作用。我在document.ready$.jtable工具栏项add record上尝试了这个代码。单击函数{console.log$jtable-edit-form.findinput.val;};但我所得到的一切又是未定义的!我想问题就在那里,我不知道怎么解决它!你能显示完整的HTML代码吗?我在HTML中看不到AddRecordDialogSaveButton。我无法显示HTML,因为表和弹出div是由jQueryJTable插件生成和创建的。我猜我真正想问的是如何覆盖Save按钮