EasyUI DataGrid刷新需要修改的单元格/整行数据的方法

EasyUI 11/01 阅读 2073 views次 人气 2
摘要:

EasyUI版本:1.4.1,使用DataGrid列表来展示数据,修改了DataGrid行的数据后,需要刷新显示,以往的解决方法是reload()的一下,重新再从后台读取新数据。

通过页面对DataGrid的操作来修改的数据,已经使用AJAX提交到后台了,再次刷新是没有必要的,只需要更新行的数据就OK了。


整个函数:

function refreshDg(){
	var grid = $('#dataDg');
	//返回数据区域
	var data = grid.datagrid('getData');
	if(data.rows.length <= 0){
		return ;
	}
	for(var i=0;i<data.rows.length;i++){
		var dataRow = data.rows[i];
		var resUuid = dataRow['uuid'];
		if(resUuid=='12345678'){
			$('#dataDg').datagrid('updateRow', {
			    index: i,
			    row: {
			    	"loginAcc": 'admin'
			    }
			});
			break;
		}
	}
}

功能描述:操作修改DataGrid行的数据后,调用该方法来刷新,把标识处'12345678'行的loginAcc列刷展示为:admin


刷新代码:

$('#dataDg').datagrid('updateRow', {
    index: 2,
    row: {
        "loginAcc": 'admin'
    }
});

index -> DataGrid行索引。

row -> 索引处行的内容,是JSON格式,列的值可以是一个也可以是多个。


评论

该文章不支持评论!

分享到: