jqGrid在编辑时(Form类型的)回车保存,esc退出(关闭)编辑

{ name: '可编辑的字段', index: '可编辑的字段', width: 70, editable: true, sortable: false, align: "center", sortable: true,

            editoptions: {

                dataInit: function (element) {                 

                    $(element).keydown(function (event) {

                        if (event.keyCode == 13) { $("#sData").click(); }

                        if (event.keyCode == 27) { $("#cData").click(); }

                    });

                }

            }

        },

 

 

在编辑是,在这个(可编辑的字段的)文本框内回车,则保存,按esc则关闭编辑窗口

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现在编辑结果保存后按方向自动跳转到下一行进行编辑,您可以使用 jqGrid 的 `afterSaveCell` 事件来监听单元格保存后的动作,并在该事件中处理方向移动到下一行的逻辑。下面是一个示例代码: ```javascript $(document).ready(function() { // 初始化 jqGrid $("#grid").jqGrid({ // 配置参数... // ... afterSaveCell: function(rowid, cellname, value, iRow, iCol) { var rowCount = $("#grid").jqGrid('getGridParam', 'reccount'); // 检查是否为最后一行 if (iRow < rowCount) { // 移动到下一行的相同列进行编辑 $("#grid").jqGrid('editCell', iRow + 1, iCol, true); } } }); // 添加盘事件监听 $(document).keydown(function(e) { var selectedRowId = $("#grid").jqGrid('getGridParam', 'selrow'); var rowCount = $("#grid").jqGrid('getGridParam', 'reccount'); if (selectedRowId) { switch (e.keyCode) { case 38: // 上箭头 if (selectedRowId > 1) { $("#grid").jqGrid('editCell', selectedRowId - 1, 0, true); } break; case 40: // 下箭头 if (selectedRowId < rowCount) { $("#grid").jqGrid('editCell', selectedRowId + 1, 0, true); } break; } } }); }); ``` 在上述代码中,我们使用了 `afterSaveCell` 事件来监听单元格保存后的动作。在该事件中,我们检查当前行是否为最后一行,如果不是,则使用 `editCell` 方法将焦点移动到下一行的相同列进行编辑。 同,我们还添加了盘事件监听,在按下上箭头和下箭头,根据当前选中行的位置,使用 `editCell` 方法将焦点移动到上一行或下一行的第一列进行编辑。 请确保将代码中的 `"#grid"` 替换为您实际使用的 jqGrid 表格的选择器。另外,该代码片段假设您已经正确地初始化了 jqGrid,并且表格已经加载了数据。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值