45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:(原创)easyui前台改变datagrid某单元格的值

(原创)easyui前台改变datagrid某单元格的值

2019-04-03 08:30:03 来源:www.45fan.com 【

有时候前台完成某个操作后要修改datagrid的值, 也许这个datagrid是没有保存的, 所以要修改后才能传递到后台; 也许要其他操作过后才需请求后台; 这些情况都需要前台对datagrid的单元格进行修改操作:

假设我们有一个” staffLogDetailGrid”datagrid;

 

// 得到columns对象

var columns = $('#staffLogDetailGrid').datagrid("options").columns;

// 得到rows对象

var rows = $('#staffLogDetailGrid').datagrid("getRows"); // 这段代码是// 对某个单元格赋值

rows[lastIndex][columns[0][5].field]=新的值;

// 刷新该行, 只有刷新了才有效果

$('#staffLogDetailGrid').datagrid('refreshRow', lastIndex);


如果该行处于"行编辑"状态, 如果直接调用"refreshRow"方法. 会报data is undefined这个错; 需要先调用"endEdit", 再调用"
refreshRow", 最后调用"selectRow"和"beginEdit"这两个方法便可了; 一定要先关闭行编辑才能刷新, 不然要报错的...这个问题搞了我很久额...代码如下:
$('#staffLogDetailGrid').datagrid('endEdit', lastIndex).datagrid('refreshRow', lastIndex).datagrid('selectRow', lastIndex).datagrid(
'beginEdit', lastIndex);





还有一种方法可以进行单元格的编辑: 如下
已知行坐标为lastindex;
var row = $('#staffLogDetailGrid').datagrid("selectRow", lastIndex).datagrid("getSelected");
row.gzsj = getNowDate();
console.info(row);
$('#staffLogDetailGrid').datagrid('updateRow', row);




作者: 张振斌 时间:2013-3-9
 
 

本文地址:http://www.45fan.com/bcdm/100236.html
Tags: Easyui 原创 前台
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部