
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!');
}
});
搜索发现
-
1
-
2
-
3
- 4 jQuery nav导航(原创)
- 5 轮菜单
- 6 简易使用的导航栏
- 7 类似于Jquery的JS下拉菜单
- 8 jQuery树形组件(原创)
- 9 仿今日头条App顶部导航点击可居中(优化版)
- 10 jQuery仿flash导航代码
- 11 paging 分页插件
- 12 简易的动态生成表格和分页效果(原创)
- 13 jQuery分页插件jQuery.pager.js
- 14 css3回转菜单
- 15 jQuery水平方向菜单导航条 滑块伴随鼠标移动(原创)
-
1
仿浏览器主页搜索(原创)10550
-
2
angularjs日期选择插件10470
-
3
vue2.0实现全选,全不选。10462
- 4 jQuery QWERTY软键盘插件Virtual Keyboard
- 5 js汉字转拼音
- 6 jQuery环型进度倒计时
- 7 jquery表单验证插件form_validation.js
- 8 vue移动端优惠券模板
- 9 前端MD5加密插件md5.pro.js
- 10 jQuery多功能网页键盘插件
- 11 jQuery实现汉字转拼音的插件
- 12 jQuery拖拽插件Magnet.js
- 13 jQuery输入框数值加减调整插件
- 14 vue购物结算页面模板
- 15 jQuery倒计时插件countdown.js