jQuery树型标签选择插件tagTree

 查看演示  website  立即下载

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

PREVIOUS:
NEXT:
html5小游戏自动推箱子
jQuery图片放大预览