easyui datagrid 点击保存时正在编辑行数据无法获取的解决方法

最新推荐文章于 2024-09-05 11:56:58 发布

cszhmrz

最新推荐文章于 2024-09-05 11:56:58 发布

阅读量3.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： easyUI

本文链接：https://blog.youkuaiyun.com/cszhmrz/article/details/81624911

easyUI 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在前端操作中如何批量保存表格数据的方法。通过遍历所有行并逐一关闭编辑状态，确保数据能够正确地被保存到后台。该方法适用于使用 Easyui 或类似插件进行数据管理的应用场景。

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

解决方法：在点击保存时执行的函数中遍历所有行，逐一关闭编辑：

var storageid = $('#id').textbox('getValue');
//保存入库明细
var addrows = $("#storage_jl_dg").datagrid('getRows'); //获取加项列表中的所有行
for(var i=0; i<addrows.length; i++) {
    //$('#storage_jl_dg').datagrid('endEdit', i);
    $('#storage_jl_dg').datagrid('selectRow', i).datagrid('endEdit', i);//关闭第i行的编辑
    console.log("ROWS:"+JSON.stringify(addrows[i]));
    
    doOthers;
    
    }
}