layui-tree实现Ajax异步请求后动态添加html元素

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

                                                                                                        大概效果如左图

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

 

 





多级分类管理












	

分类管理

    2018/1/22更新

    源码我已经上传到github上了,有兴趣的可以看看  https://github.com/leeJqqq/layui-tree-ajax ,其实感觉写的可以更好,但是奈何能力有限,大家觉得有哪里写得不好或者有新的解决方案的,欢迎指正,而且听说layui2.0准备重构layui_tree,说不定新版本有动态插入的功能~大家可以留意layui的相关资讯。

     

    你可能感兴趣的:(layui-tree实现Ajax异步请求后动态添加html元素)