JQueryligerUIligerTree基本使用方法-创新互联

首先引入相应的ligerUI的css和js文件

网站设计制作过程拒绝使用模板建站；使用PHP+MYSQL原生开发可交付网站源代码;符合网站优化排名的后台管理系统；成都做网站、成都网站制作、成都外贸网站建设收费合理；免费进行网站备案等企业网站建设一条龙服务.我们是一家持续稳定运营了十余年的创新互联网站建设公司。

1，html

2，初始化

var treeData = [
               { 'name': '节点1', 'no':1 , 'children': [
                   { 'name': '节点1.1','no':1 },
                   { 'name': '节点1.2','no':2 },
                   { 'name': '节点1.3', 'children': [
                         { 'name': '节点1.3.1' },
                         { 'name': '节点1.3.2' }
                    ]},
                   { 'name': '节点1.4' }
                ]
               },
               { 'name': '节点2' }
           ];

$("#tree").ligerTree({
                checkbox: false,
                parentIcon: null,
                childIcon: null ,
                slide: false, //是否显示动画
                nodeWidth: 100,
                idFieldName: 'id',
                textFieldName:'name' , //指定数据中要显示的属性名，默认为"text"
                data: treeData,
                onSelect: function (node)
                {
                    if (!node.data.name) {
                     return
                    };
                    //处理导航树的点击事件TODO

                }
            });
var tree = $("#tree").ligerGetTreeManager();

//tree.setData(treeData) ; //或者这样设值

运行结果：

JQuery ligerUI ligerTree 基本使用方法

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页标题：JQueryligerUIligerTree基本使用方法-创新互联
文章网址：http://mswzjz.cn/article/isgoh.html

网站建设知识

JQueryligerUIligerTree基本使用方法-创新互联

其他资讯