Drag and Drop Rows in TreeGrid（可拖放的树形表格）

Extension > Drag and Drop Rows in TreeGrid

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

导入'treegrid-dnd.js'文件

<script type="text/javascript" src="treegrid-dnd.js"></script>
 

启用拖放

<table title="Folder Browser" class="easyui-treegrid" style="width:700px;height:250px"
data-options="
data: data,
rownumbers: true,
idField: 'id',
treeField: 'name',
onLoadSuccess: function(row){
$(this).treegrid('enableDnd', row?row.id:null);
}
">
<thead>
<tr>
<th data-options="field:'name'" width="220">Name</th>
<th data-options="field:'size'" width="150" align="right">Size</th>
<th data-options="field:'date'" width="200">Modified Date</th>
</tr>
</thead>
</table>
 

属性

下列属性扩展自Datagrid，以下是新增的属性。

事件

下列事件扩展自Treegrid，以下是新增的事件。

方法

下列方法扩展自Treegrid，以下是新增的方法。