EasyUI实现两个datagrid之间的数据行拖拽放置

1、easyui中的拖放功能

要实现easyUI的datagrid表格的拖拽，需要使用到easyUI的extension扩展。可拖放的数据表格在easyui手册extension中有详细的介绍，关于如何导入js引用，如何启用数据表格的拖放，都有例子可以借鉴，在此处简单说明一下。

首先js的引用，用到 datagrid-dnd.js 文件，下载请点击这里（手册中提供的地址）

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

其次是拖放功能的启用：

<table id="source_grid" class="easyui-datagrid" data-options="title:'source datagrid'">

<thead>

<th data-options="field:id',width:'10%'>id</th>

<th data-options="field:name',width:'10%'>名字</th>

……

</thead>

</table>

js语句启用拖放功能: