### Columns Extension for DataGrid（列扩展表格）

Extension > Columns Extension for DataGrid

扩展下载地址：http://www.jeasyui.com/extension/downloads/columns-ext.zip (我发布的程序包整也有提供，在extension目录下)

#### 导入'columns-ext.js'文件

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