代码之家 › 专栏 › 技术社区 › Ben Griswold

如何在jquery treeview插件之外创建expand all和collapse all链接?

treeview jquery-plugins jquery

Ben Griswold · 技术社区 · 16 年前

这个 jQuery Treeview Plugin 当控件属性定义如下时,向“treeviewcontrol”div添加全部折叠、全部展开和切换所有链接:

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

这很有效,但是我希望能够从treeview本身之外的其他页面元素展开和折叠treeview。我已经查过源头了,但我想不出来。

2 回复 | 直到 16 年前

Mottie 16 年前

如果你在这里查看演示页面,你会发现有一个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" })

altrugon 16 年前

尝试:

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

每次单击div treecontrol下的“全部折叠”时,它将用类“treeview”关闭每个列表。

推荐文章

Ravindra Bhanderi · 如何在Laravel的CKEditor中上载图像,并在服务器端上载图像

8 年前

Hello Folks · jQuery可调整大小的插件游标损坏

8 年前

Vanjith · jQuery jqplot-如何创建标签的多行

8 年前

Joshua Paul Barnard · 使用append在jQuery插件中创建覆盖

8 年前

Abilash Erikson · 如何在前端拍摄包含用户上传图像的div的截图?

8 年前

Jiga · 如何使用jQuery插件制作一个小时倒计时计时器

8 年前

g5wx · 初始化后更新jQuery插件设置

9 年前

prabha · 直接在网站中打开和编辑csv文件

9 年前

John · 如何定义jQuery validate setDefaults

9 年前

Sandeep Maharjan · 如何在Jquery验证插件中使用ajaxUserCall函数

9 年前