位置:首页 > 扩展 > 列扩展表格(Columns Extension)

包括“columns-ext.js文件

<script type="text/javascript" src="columns-ext.js"></script>

事件

这些事件是从datagrid继承而来的,下面是datagrid的事件。

名称 参数 描述
onBeforeDragColumn field 在拖动列之前触发,false时拒绝拖动。
onStartDragColumn field 当开始拖动列时触发。
onStopDragColumn field 停止拖动列时触发。
onBeforeDropColumn toField, fromField, point 在删除列之前触发,false时拒绝删除。 toField:要删除的列。 fromField:源列。 point:指示下拉操作,可选值为: 'before' or 'after'.
onDropColumn toField, fromField, point 在删除列时触发。 toField:要删除的列。 fromField:源列。 point:指示下拉操作,可选值为: 'before' or 'after'.

方法

这些方法是从datagrid继承的。

名称 参数 描述
columnMoving none 启用列移动。该方法允许用户拖放列。
freezeColumn field 冻结一列。
unfreezeColumn field 取消冻结一列。
moveColumn param 移动一列.

代码实例:

$('#dg').datagrid('moveColumn', {
	field: 'itemid',
	before: 'listprice'
	// after: 'listprice'
});
reorderColumns fields 重新排序列

代码实例:

$('#dg').datagrid('reorderColumns',['listprice','productid'])

方法

这些方法是从treegrid继承而来的.

名称 参数 描述
groupData param 对特殊列上的数据进行分组。

代码实例:

$('#tg').treegrid('groupData', {
	data: data,
	fields: ['country','city'],
	groupHeader: '#fc'
});
columns-ext.zip