juery treeview 参数说明

最新推荐文章于 2018-07-06 11:31:03 发布

转载最新推荐文章于 2018-07-06 11:31:03 发布 · 3.7k 阅读

文章标签：

#callback #string #tree #jquery #class #function

jquery 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了jQueryTreeView插件的各项参数说明及其在实际应用中的使用方法，包括动画效果、记忆折叠方式、初始折叠状态、唯一性控制、控制容器、自定义切换回调、追加节点、持久化选项和异步加载URL等核心功能。

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 地址。