layui Tree的使用

本文转载自查看原文 2019-05-30 15:02 3750 layui

<!DOCTYPE html>
<html>
<head>
    <title>Tree</title>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css">
    <style type="text/css">
        body .layui-tree-skin-shihuang .layui-tree-branch{color: blue;}  
    </style>
</head>
<body>

　　<ul id="demo"></ul>

</body>
<script src="layui/layui.js"></script>
<script type="text/javascript">
    layui.use('tree', function(){
      layui.tree({
          elem:'#demo',
          skin:'shihuang',
          nodes: [{ //节点
            name: '父节点1'
            ,children: [{
              name: '子节点11'
            },{
              name: '子节点12'
            }]
          },{
            name: '父节点2（可以点左侧箭头，也可以双击标题）'
            ,children: [{
              name: '子节点21'
              ,children: [{
                name: '子节点211'
              }]
            }]
          }]
      });
    });
</script>
</html>

官网文档：

https://www.layui.com/doc/modules/tree.html

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 layUI Tree 的使用 layui tree 树结构使用举例使用layui-tree美化左侧菜单，点击生成tab选项 layui tree 数据格式转换 layui基础上的tree菜单动态渲染； bootstrap的tree使用 layui-tree创建下拉树型选项框 layui tree组件如何异步加载数据，动态添加树节点使用LayUI展示数据 layui框架使用