Print Page - how can i dynamic change the view of datagrid (listview/groupview)

see the code bellow
i want dynamic change the view of datagrid
i can change to groupview, but i don't know why i cannot change back the view from groupview to defaultview.
any step i missed?

another question, should i destroy the previous datagrid before re-render new datagrid? how?

Code:

<script type="text/javascript" src="datagrid-groupview.js" charset="utf-8"></script>

var defaultOpt = {...};//default list view

// switch view list/group name/group class
function changeView(view) {
	var opt = $.extend(true, {}, defaultOpt);
	
	if (view == 0) {//default list view

	} else if (view == 1) {//group by name
		opt.view = groupview;
		opt.groupField = 'Name';
		opt.groupFormatter = function(value, rows){
			return value;
		};
	} else if (view == 2) {//group by class
		opt.view = groupview;
		opt.groupField = 'Class';
		opt.groupFormatter = function(value, rows){
			return value;
		};
	}

	$('#datagrid').datagrid(opt);//re-render datagrid
}

To restore the datagrid to the default view, please try this:

Code:

$('#datagrid').datagrid({
  view: $.fn.datagrid.defaults.view
});

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: wade.zhu on November 25, 2014, 09:04:07 PM