思路:zTree的拖拽移动功能是组件自带的,通过setting配置即可,保存到数据库则需要拿到移动节点id和目标父级id,后端去处理,把移动节点的数据挂到目标父级的下面。
这里只介绍前端处理
html:
<div class="container-div ui-layout-center" style="background:#fff">
<div id="tree" class="ztree"></div>
<div style="position:absolute;left:400px;top:30px;">
<div>移动节点:<span id="ydjd"></span></div>
<div>移动节点id:<span id="ydjd2"></span></div>
<br/>
<div>目标父级:<span id="mbfj"></span></div>
<div>目标父级id:<span id="mbfj2"></span></div>
</div>
</div>
script:
//先引入指定目录下的这三个js
<script th:src="@{/ajax/libs/jquery-ztree/3.5/js/jquery.ztree.core-3.5.js}"&