您的位置:首页 > 产品设计 > UI/UE

juery treeview 参数说明

2012-07-20 14:40 120 查看

jquery treeview 插件参数说明

treeview开源地址:https://github.com/jzaefferer/jquery-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 地址。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: