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

    }

});