当前位置: 移动技术网 > IT编程>开发语言>Jquery > easyui-datagrid 使用笔记

easyui-datagrid 使用笔记

2019年11月30日  | 移动技术网IT编程  | 我要评论

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

  

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网