怎样用javascript控制treeview

garth 2003-03-14 11:11:29

我现在想通过javascript函数控制treeview的展开和收缩状态，如何实现
不想用服务器端的方法，so autopostback=false;

比如现在treeview的状态是展开的，如何不点击+号，而通过代码实现收拢

...全文

74 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

hgknight 2003-03-17

打赏
举报

to a2z(xyz就是……)
看来我得向MS申请点实惠：）

hgknight 2003-03-17

打赏
举报

to do so

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<HTML>
<HEAD>
</HEAD>
<body onload=btn_onclick()>
<form id="test" method="post" runat="server">
<iewc:TreeView id="TreeView1" runat="server" Width="156px" Height="105px" ExpandLevel="1">
<iewc:TreeNode Text="Node0" Expanded="True">
<iewc:TreeNode Text="Node2"></iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text="Node1" Expanded="True">
<iewc:TreeNode Text="Node3"></iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeView>
<p></p>
<input type="button" onclick="btn_onclick()" value="Button">
</form>
<script language="javascript">
function btn_onclick()
{
TreeView1.getTreeNode("0").setAttribute("Expanded",false);
TreeView1.getTreeNode("1").setAttribute("Expanded",false);
}
</script>
</body>
</HTML>

garth 2003-03-17

打赏
举报

谢谢，给分

hgknight 2003-03-14

打赏
举报

指定第一个节点收缩，第二个节点展开
<script language=javascript>
TreeView1.getTreeNode("0").setAttribute("Expanded",true);
TreeView1.getTreeNode("1").setAttribute("Expanded",true);
</script>

a2z 2003-03-14

打赏
举报

江雨成TreeView mvp了

garth 2003-03-14

打赏
举报

这样是能达到效果
不过我现在是在页面初始化是就把一棵展开的树收拢（需要在服务器端expandlevel=1,但到客户端是收拢状态）
问题好像是执行这段代码时，这棵树还没有呈现出来，对其的操作好像无效
我该在什么时候调用设置代码哪？

hgknight 2003-03-14

打赏
举报

你可以测试一下这个页面

<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
<HTML>
<HEAD>
</HEAD>
<body>
<form id="test" method="post" runat="server">
<iewc:TreeView id="TreeView1" runat="server" Width="156px" Height="105px">
<iewc:TreeNode Text="Node0" Expanded="True">
<iewc:TreeNode Text="Node3"></iewc:TreeNode>
</iewc:TreeNode>
<iewc:TreeNode Text="Node1">
<iewc:TreeNode Text="Node4"></iewc:TreeNode>
</iewc:TreeNode>
</iewc:TreeView>
<p></p>
<input type="button" onclick="btn_onclick()" value="Button">
</form>
<script language="javascript">
function btn_onclick()
{
TreeView1.getTreeNode("0").setAttribute("Expanded",false);
TreeView1.getTreeNode("1").setAttribute("Expanded",true);
}
</script>
</body>
</HTML>

garth 2003-03-14

打赏
举报

这点我知道，
我现在是调用了这样的事件没有效果，
TreeView1.getTreeNode("0").setAttribute("Expanded",false);
TreeView1.getTreeNode("1").setAttribute("Expanded",true);

状态不会改变

hgknight 2003-03-14

打赏
举报

不小心写错了
<script language=javascript>
TreeView1.getTreeNode("0").setAttribute("Expanded",false);
TreeView1.getTreeNode("1").setAttribute("Expanded",true);
</script>

garth 2003-03-14

打赏
举报

好像没效果
我用这段测了一下
alert(document.all.TreeView1.getTreeNode("0").getAttribute("Expanded"));//true
document.all.TreeView1.getTreeNode("0").setAttribute("Expanded",false);
alert(document.all.TreeView1.getTreeNode("0").getAttribute("Expanded"));//true

为什么？

1.设置所选节点，如选中第二个节点 function SetSelNode() { TreeView1.selectedNodeIndex="1"; } 2.得到所选节点的Text，ID或NodeData function GetAttribute() { ...

javascript编写几种树结构例子！

网上有很多控制TreeView的checkbox选中，但是自己尝试的时候，要么报错，要么不可行。以下这种写法是经过验证有效的，仅作参考，思维比较巧妙！ Tree： <asp:TreeView ID="treeViewDapartment" runat="server" ...

单选TreeView中的任一节点 2.当一节点CheckBox属性值改变时:子节点的CheckBox属性值跟随其改动,父节点不变; 父节点的所有子节点的CheckBox属性值都为false时才为false;有一个子节点的CheckBox属性值true时则为true. ...

有关如何从ASP.NET TreeView节点控制节点中删除超链接的文章