easyui-datagrid 使用笔记
程序员文章站
2022-05-09 17:36:46
1、清空所有行和所有列 $('#dgJGQuery').datagrid({ columns: [], url: '', data: [] }); 2、采用 datagrid-groupview 分组展示后,取消分组展示。 datagrid使用分组展示 是基于view属性,把view属性设置为gro ......
1、清空所有行和所有列
$('#dgjgquery').datagrid({ columns: [], url: '', data: [] });
2、采用 datagrid-groupview 分组展示后,取消分组展示。
datagrid使用分组展示 是基于view属性,把view属性设置为groupview 即可分组展示。取消分组时,需要把view属性设置为defaultview,但是easyui本身没有暴露 defaultview的变量。所以需要在界面load的时候,存储datagrid的默认view然后,在取消分组操作时给view变量赋值。
var griddefaultview;
//表单加载后事件
$(function () {
//存储默认的视图,用于冲掉分组视图
griddefaultview = $('#dgjgquery').datagrid('options').view;
});
//分组合计
function showgroupview(data) {
$('#dgjgquery').datagrid({
groupfield: groupcol,
view: groupview,
groupformatter: function (value, rows) {
return value;
}
});
}
//取消分组
function ungroupview(){
$('#dgjgquery').datagrid({
url: '***',
method: 'get',
view: griddefaultview ,
onloadsuccess: function (data) {
*****
}
});
}