<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' }); |