按enter键时的jQuery jTable编辑和添加弹出divs保存按钮
当我编辑或向jQuery jTable添加新帖子时,我希望在编辑完毕后按enter jQuery并单击Save按钮 我正在尝试类似的东西,但它不起作用按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结构如下所示: <
$("#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按钮