easyui-datagrid 使用筆記

一、清空全部行和全部列javascript

$('#dgJGQuery').datagrid({ columns: [], url: '', data: [] });

二、採用 datagrid-groupview 分組展現後,取消分組展現。java

 datagrid使用分組展現 是基於view屬性,把view屬性設置爲groupview 便可分組展現。取消分組時,須要把view屬性設置爲DefaultView,可是easyui自己沒有暴露 DefaultView的變量。因此須要在界面load的時候,存儲datagrid的默認view而後,在取消分組操做時給view變量賦值。ui

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) {
                *****
            }
        });
}
相關文章
相關標籤/搜索