jQuery treeView插件折叠/展开全部

时间:2011-03-24 14:48:12

标签: jquery

我想在我的网站上有两个按钮。展开全部,全部折叠

我正在使用treeView jquery插件:http://plugins.jquery.com/project/treeview

我无法找到解决方法:/

另外,当我在aspx服务器端代码上动态生成ul li列表时,我想确定accorgind到queryString参数哪个节点应该被扩展而其他节点关闭。我尝试添加到每个关闭的类,而给予一个没有,但它没有工作:/

如何说明应该扩展哪个节点?

感谢您的帮助,再见

1 个答案:

答案 0 :(得分:3)

如果你看一下demo's,你应该看到你需要的例子4。

将以下内容添加到您的页面中:

<div id="treecontrol">
    <a title="Collapse the entire tree below" href="#"><img src="../images/minus.gif" /> Collapse All</a>
    <a title="Expand the entire tree below" href="#"><img src="../images/plus.gif" /> Expand All</a>
    <a title="Toggle the tree below, opening closed branches, closing open branches" href="#">Toggle All</a>
</div>

当您连接树控件时,请指定'treecontrol'

$("#black, #gray").treeview({
  control: "#treecontrol"
});

警告
您的锚标记的顺序在您的控件中非常重要,因为插件使用.eq()来分配相应的函数。

$("a:eq(0)", control).click(handler(CLASSES.collapsable));
// click on second to expand tree
$("a:eq(1)", control).click(handler(CLASSES.expandable));
// click on third to toggle tree
$("a:eq(2)", control).click(handler());