首页 | 4821 | 437 | 1943 | 添加收藏 上一个 下一个
jQuery树型标签选择插件tagTree

tagTree


树型标签选择器


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


初始化方法


定义控件


<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!');
    }
});