Question

用Jquery或javascript实现点击TreeView的根节点展开或折叠显示不同的根节点图片？

我想实现如下功能：（ASP.NET）
折叠根节点显示图片

展开根节点显示图片

注意：只需要改变根节点图片，子节点就永远是那一个图片，不用管。
目前我是通过后台代码实现的，但是这样每次点击都会刷新页面，会给服务器增加负担，有没有其他方法？
protected void TreeView1_TreeNodeExpanded(object sender, TreeNodeEventArgs e) //展开treeview切换图片
{
this.TreeView1.RootNodeStyle.ImageUrl = "~/images/tree/folder_open.gif";
}

protected void TreeView1_TreeNodeCollapsed(object sender, TreeNodeEventArgs e) //折叠treeview切换图片
{
this.TreeView1.RootNodeStyle.ImageUrl = "~/images/tree/folder_closed.gif";
}





Answer 1

给你个思路：
也许可以给子节点 设置 style属性 style="display:none;"
(toggle在新版本中已经取消了使用，仅有动画效果：消失和展示)
但是你可以判断子节点的属性 .is(":visible") 和 .is(":hidden")来实现这个效果：
click事件：(jQuery)
点击根节点，如果子节点(展示就隐藏，隐藏就展示);但是要注意根节点和子节点应该是有一定关系的，这个你自己想想可以解决的。

Answer 2

是的，用后端代码实现当然会刷新页面，用jquery直接加个toggle事件就可以了

追问

能说得详细一点吗？具体怎么写？

Answer 3

建议使用脚本插件实现。

追问

能给插件吗？