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://azwzsj.com/article/isgoh.html