酷笔记 Jquery Easyui 1.5.1 Jquery Easyui 更新日志 Easyui Base(基础) Layout(布局) Menu and Button(菜单和按钮) Form(表单) Window(窗口) DataGrid and Tree(表格和树) Extension(扩展)

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