jQuery MiniUI - 快速开发WebUI
为什么选择MiniUI?
首页>文档中心>开发教程>TreeGrid

TreeGrid:节点拖拽



参考示例TreeGrid:节点拖拽   


创建代码

<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:允许投放节点