jQuery MiniUI 开发教程 TreeGrid 节点拖拽（四）

最新推荐文章于 2019-12-24 16:34:05 发布

最新推荐文章于 2019-12-24 16:34:05 发布 · 681 阅读

文章标签：

#jquery #JavaScript #Ajax #UI #treegrid #ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

[b]TreeGrid：节点拖拽[/b]
[img]http://www.miniui.com/docs/api/images/dragdropnode.png[/img]

参考示例： [url=http://www.miniui.com/demo/treegrid/dragdrop.html]TreeGrid:节点拖拽 [/url]

[b]创建代码[/b]
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:280px;"
url="../data/tasks.txt" showTreeIcon="true"
treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false"
allowDrag="true" allowDrop="true">
<div property="columns">
<div type="indexcolumn"></div>
<div name="taskname" field="Name" width="200">任务名称</div>
<div field="Duration" width="100">工期</div>
<div field="Start" width="100" dateFormat="yyyy-MM-dd">开始日期</div>
<div field="Finish" width="100" dateFormat="yyyy-MM-dd">完成日期</div>
</div>
</div>

allowDrag：允许拖拽节点
allowDrop：允许投放节点