Question

当控件属性定义如下时，jQuery Treeview Plugin添加全部折叠，全部展开并切换到“treeviewcontrol”div的所有链接：

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

这很有效，但我希望能够从树视图本身之外的其他页面元素展开和折叠树视图。我看过这个来源，但我无法弄明白。

Answer 1

如果您在此处查看演示页面，您可以看到有一个div＃treecontrol，只需将其设为treecontrol类：

<div class="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>

然后，您可以制作此控件的多个副本，并将它们放在任何您想要的位置。不要忘记修改控制参数：

$("#tree").treeview({ control: ".treecontrol" })

Answer 2

尝试：

$(".treeview").treeview({  // ".treeview" is your selector
  control: "#treecontrol", // this is your controller
  persist: "cookie",
  cookieId: "treeview-black"
});

每次单击div＃treecontrol下的“全部折叠”时，这将关闭每个具有“treeview”类的列表。

如何创建全部展开并折叠jQuery Treeview插件之外的所有链接？

2 个答案: