GridManager 隐藏列

gridmanager, 隐藏列

拭目以待 发布于

GridManager 表格管理组件, 对列的隐藏与显示的操作有两种方式。


1.初始化时指定列为隐藏或显示状态。方式如下:

<table></table>


table.GM({
	gridManagerName: 'test',
	ajax_data: 'http://www.lovejavascript.com/learnLinkManager/getLearnLinkList',
	columnData: [{
		key: 'name',
		// 指定不显示该列
		isShow: false,
		text: 'username'
	},{
		key: 'type',
		// 指定显示该列
		isShow: true,
		text: 'type'
	},{
		key: 'info',
		// 不指定该列的显示状态, 默认为true
		text: 'info'
	}]
});



2.渲染完成后,对列进行隐藏或显示操作。在已经执行过init的前提下,可通过如下方式对列进行操作:

// 对第一列进行显示
GridManager.showTh('test', 'name');



// 对第二列进行隐藏
GridManager.hideTh('test', 'type');



// 批量操作 -> 隐藏第二和第三列
GridManager.hideTh('test', ['type', 'info']);



// 批量操作 -> 显示全部列
GridManager.showTh('test', ['name', 'type', 'info']);