layui-tree实现Ajax异步请求后动态添加节点的方法_layuitree动态添加节点,layuitree动态添加节点资源-CSDN文库

27 浏览量 2020-12-13 12:43:53 上传评论收藏 66KB PDF 举报

资源推荐

资源详情

资源评论

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

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

大概效果如图

体的实现是当我鼠标移入“长袖”这个分类时，出现三个icon (如图)，按“增加”按钮，会发送ajax异步请求到后台，在数据库库中

增加以“长袖”为父类id 的一个子分类，成功后返回到前台，然后相应的节点下动态添加子节点，主要是通过append 来增加

html元素

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>多级分类管理</title>

<meta name="renderer" content="webkit">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="format-detection" content="telephone=no">

<link rel="stylesheet" type="text/css"

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

</head>

<style>

.panel {

margin-bottom: 0;

}

i{

cursor: pointer !important ;

cursor: hand !important;

}

body{

}

a:hover{

background-color:#E6E6E6 ;

}

.active{

background:#E6E6E6;

}

.hide{

display:none;

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38660579

粉丝: 11
资源: 917

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip