资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/isgoh.html
    多年建站经验

    多一份参考,总有益处

    联系快上网,免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈,可以通过以下方式与我们联系

    大客户专线   成都:13518219792   座机:028-86922220