easyui datagrid 获得编辑后的数据

最新推荐文章于 2024-05-17 11:40:25 发布

QQ玉

最新推荐文章于 2024-05-17 11:40:25 发布

阅读量1w

点赞数

本文链接：https://blog.csdn.net/qinyf2015/article/details/78537249

版权

java 同时被 3 个专栏收录

33 篇文章

订阅专栏

java web

15 篇文章

订阅专栏

ssm框架

11 篇文章

订阅专栏

本文介绍了两种在EasyUI Datagrid中获取编辑后数据的方法，并提供了JavaScript代码示例，展示如何将这些数据传回后台进行保存。通过调用'endEdit'方法结束编辑，然后使用'datagrid'的'getRows'方法获取更新后的行数据，进一步构造请求对象并使用AJAX发送POST请求到后台接口进行保存操作。后台Java代码接收到请求后，解析数据并更新到数据库。

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

方式一：

$('#discountTable').datagrid('endEdit', indexId);//结束编辑

if ($('#discountTable').datagrid('getChanges').length) {
//获得增加数据
var inserted = $('#discountTable').datagrid('getChanges', "inserted");
//获得修改数据
var updated = $('#discountTable').datagrid('getChanges', "updated");

var effectRow = new Object();
if (inserted.length) {
effectRow["inserted"] = JSON.stringify(inserted);
alert("insert:" + JSON.stringify(inserted));
}
if (updated.length) {
effectRow["updated"] = JSON.stringify(updated);
alert("update:" + JSON.stringify(deleted));
}

}

方式二：

var indexId=getRowIndex(target);
$('#discountTable').datagrid('endEdit', indexId);//结束编辑
var rows = $('#discountTable').datagrid('getRows');
var row=rows[indexId];

js代码，获得的数据传回后台：

java后台代码保存到数据库

private void discountSaveRow(JWRequest request, JWResponse response){
JSONObject reqData=new JSONObject();
reqData=request.getData();
VipDiscount example=new VipDiscount();
example.setDiscountId(reqData.getInt("discountId"));
example.setDiscountRank(reqData.getDouble("discountRank"));
example.setEndPoint(reqData.getInt("endPoint"));
example.setRankName(reqData.getString("rankName"));
example.setStartPoint(reqData.getInt("startPoint"));
int idid=reqData.getInt("discountId");
this.discountDao.updateByPrimaryKey(example);
}