jquery treeview 学习笔记(一)功能参数
treeview()功能参数
1、animated:String or Number
设置展开子节点时的显示速度,有 slow、normal、fast 或者指定速度值,与 jQuery 的 hide(show)中的 speed 参数相似。
2、persist: String
记忆折叠的方式。location:页面刷新不保留折叠状态;cookie:页面刷新保留折叠状态。
3、collapsed: boolean Default: false, all expanded
初始化时的折叠状态。true,初始化为收缩节点状态;false,为全部节点展开。
4、unique: boolean Default: false
展开同级节点的唯一性。true,当展开一个节点时,同级的其他节点会自动关闭;false,当展开一个节点时,同级的其他节点保持原形。
5、control:Selector
指定一个容器,控制整个tree的展开,收缩 或者收放 所有的节点。
example
$(".selector").treeview({
control: "#container"
})
6.toggle:Callback
当一个节点的收放状态改变时,调用自定义函数Callback。
example
$(".selector").treeview({
toggle: function() {
console.log(this + " has been toggle");
}
})
7.add:Selector
向已有的树中追加节点,selector 为需要追加的节点集合,该集合中的节点须与已有树的节点结构保持一致。
example
var tree = $(".selector").treeview();
$(".button").click(function() {
var newSublist = $("<li><span class='folder'>New Sublist</span><ul>" +
"<li><span class='file'>Item1</span></li>" +
"<li><span class='file'>Item2</span></li></ul></li>").appendTo(tree);
tree.treeview({
add: newSublist
});
});
8.cookieId:String
设置 persist: cookie 后 用此参数设置cookie 的名称。
9.url:String
异步加载时,设置url 地址。