项目记录 easyui datagrid编辑添加回车完成编辑功能

最新推荐文章于 2023-04-15 11:13:20 发布

原创最新推荐文章于 2023-04-15 11:13:20 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#easyui

项目专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用EasyUI Datagrid编辑器通过绑定失焦事件实现回车键确认编辑功能。具体方法是在Datagrid的editable单元格中绑定keydown事件，当检测到回车键（keyCode为13）时，触发内容确认操作，包括调用confirmMoneyTable方法，接受数据更改，结束编辑并取消选择行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以通过.class绑定失焦事件，最终实现回车完成编辑的功能

$('.datagrid-editable .textbox,.datagrid-editable .datagrid-editable-input,.datagrid-editable .textbox-text').bind('keydown', function (e) {
                var code = e.keyCode || e.which;
                if (code === 13) {
                    //回车触发内容
                    obj.confirmMoneyTable();
                    table.datagrid('acceptChanges');
                    $('#money_table').datagrid('endEdit', editMoneyRow);
                    editMoneyRow = undefined;

                }
            });

借鉴博客：

https://www.cnblogs.com/buff/p/easyui_datagrid_editor_enter.html