首页 前端知识 jQuery树型标签选择插件tagTree

jQuery树型标签选择插件tagTree

2024-08-21 22:08:03 前端知识 前端哥 881 736 我要收藏

 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源码

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16433.html
标签
评论
发布的文章

HTML5入门基础

2024-06-16 09:06:50

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!