layui的tree如何实现动态加载_layui-tree实现Ajax异步请求后动态添加节点的方法

最近在弄一个产品分类管理，是一个树形菜单的形式，用的是layui-tree ,由于它并没有动态添加节点，所以只能自己刚了。

大概效果如图

体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”按钮，会发送ajax异步请求到后台，在数据库库中增加以“长袖”为父类id 的一个子分类，成功后返回到前台，然后相应的节点下动态添加子节点，主要是通过append 来增加html元素

多级分类管理

href="layui/css/layui.css" rel="external nofollow" media="all">

.panel {

margin-bottom: 0;

}

i{

cursor: pointer !important ;

cursor: hand !important;

}

body{

}

a:hover{

background-color:#E6E6E6 ;

}

.active{

background:#E6E6E6;

}

.hide{

display:none;

}

style=" position:fixed; width: 250px; height:800px; overflow:auto;">

分类管理

style="margin-top: 30px; -moz-user-select: none; -webkit-user-select: none;"

onselectstart="return false;" >

添加分类

layui.use(['jquery','layer','element','form','tree'],function(){

window.jQuery = window.$ = layui.jquery;

wind