Columns Extension for DataGrid(列扩展表格)
Extension > Columns Extension for DataGrid
扩展下载地址:http://www.jeasyui.com/extension/downloads/columns-ext.zip (我发布的程序包整也有提供,在extension目录下)
导入'columns-ext.js'文件
- <script type="text/javascript" src="columns-ext.js"></script>
事件
事件扩展自 datagrid,以下是本插件新增事件。
事件名 | 参数 | 描述 |
---|---|---|
onBeforeDragColumn | field | 在拖拽一列的之前触发,返回false的时候取消该动作。 |
onStartDragColumn | field | 在开始拖拽一列的时候触发,返回false的时候取消该动作。 |
onStopDragColumn | field | 在停止拖拽一列的时候触发,返回false的时候取消该动作。 |
onBeforeDropColumn | toField, fromField, point | 在释放一列之前触发,返回false的时候取消该动作。 toField:释放的目标列。 fromField:来源列。 point:指明释放操作,可用值包含:'before' 或 'after'。 |
onDropColumn | toField, fromField, point | 在释放一列的时候触发,返回false的时候取消该动作。 toField:释放的目标列。 fromField:来源列。 point:指明释放操作,可用值包含:'before' 或 'after'。 |
方法
可编辑树扩展自树控件,可扩展树的新增方法如下:
方法名 | 方法参数 | 描述 |
---|---|---|
columnMoving | none | 启用列移动,该方法允许用户拖拽表格的列。 |
freezeColumn | field | 冻结一个列。 |
unfreezeColumn | field | 解冻一个列。 |
moveColumn | param |
移动一个列。 代码示例:$('#dg').datagrid('moveColumn', { field: 'itemid', before: 'listprice' // after: 'listprice' }); |