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语句启用拖放功能: