点击Jtable上的Enter编辑/创建记录不提交jtable表格

时间:2014-01-23 08:17:25

标签: c# javascript jquery asp.net-mvc jquery-jtable

我一直在我的aspx页面中使用JTable,一切看起来都不错,但在某个内容页面上,当我尝试编辑或在Jtable中添加项目时,默认情况下我按Enter键,UI变得模糊。在更新Jtable行时按Enter键之前。

我想要的是当我点击Enter,提交jtable,模拟点击编辑时保存按钮并创建表格。

我可以用这个:

formCreated: function (event, data) {
    data.form.find('input[type="text"]').keydown(function (event) {
        if (event.keyCode == 13) {
            $('#AddRecordDialogSaveButton').click();
            $('#EditDialogSaveButton').click();
            event.preventDefault();
            return false;
        }
    })
}

但我必须在每个jquery jtable表单上复制它。有没有最简单的方法?

1 个答案:

答案 0 :(得分:0)

我喜欢与所有需要此功能的人分享我的解决方案:

$(window).keydown(function (event) {
if (event.keyCode == 13) {
    event.preventDefault();
    $('#AddRecordDialogSaveButton').click();
    $('#EditDialogSaveButton').click();
    return false;
}
});