欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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) {
                *****
            }
        });
}