jQuery树型标签选择插件tagTree

 tagTree
树型标签选择器

该控件是基于jquery库开发的,所以使用前,必需引入这些库。
同时选择勾勾为字体库图标,如果不想引入图标字体库,可以自己改成图片。
该控件是一个树型选择器,支持多选单选,并返回值。

 初始化方法


html

<div id="test"></div>

 控件数据结构

var data =[
        {
            name:"1号标签",
            value:"1",
            children:[
                {
                    name:"11号标签",
                    value:"11",
                    children:[]
                },
                {
                    name:"12号标签",
                    value:"12",
                    children:[]
                },
                {
                    name:"13号标签",
                    value:"13",
                    children:[
                        {
                            name:"131号标签",
                            value:"131",
                            children:[]
                        }
                    ]
                }
            ]
        },
        {
            name:"2号标签",
            value:"2",
            children:[
                {
                    name:"21号标签",
                    value:"21",
                    children:[]
                },
                {
                    name:"22号标签",
                    value:"22",
                    children:[]
                }
            ]
        },
        {
            name:"3号标签",
            value:"3",
            children:[]
        }
    ];

 初始化控件数据

$("#test").tagTree({
        id:"",
        data:data,
        fold:false,
        multiple:false,
        check:function(val){
            console.log('chekc:'+val);
            console.log($(this).tagTreeValues());
        },
        done:function(){
            console.log('tagTree is ok!');
        }
    });

也可到我的github下载支持下,谢谢! tagTree源码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值