描述一下需求:

      加入有3个第一层的节点,然后这个三个第一层的节点下面都有3到5个不等的子节点。在每个第一层下面的子节点要单选一个,提交的时候点击另外的一个Button就可以了。上次你做的Demo,可以实现这个功能了,但是如果用户直接在CheckBOx而不是点节点的话,还是可以多选。后来我处理为不显示CheckBOx,点击后才出现CheckBOx,这样避免用户直接点CheckBox而出现在一个父节点下面选两个的情况。但老板要求必须全部都有CheckBox,并且点CheckBOx和点节点需要有同样的效果,所有我一直想法当用户点节点前面的CheckBox,也相当于点节点的效果,就是能在客户端触发一下Click。


[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!<script language="javascript">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!         
function CheckOne()
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!         {
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!          
var cIndex=TreeView1.clickedNodeIndex;
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!         
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!          
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!          
var tmp=cIndex.split(".");
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!          
if (tmp.length==2)  //代表都是第2层节点
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!
          {
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
var pNode=TreeView1.getTreeNode(cIndex);
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
var parentNode=pNode.getParent();
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
var NodeArray =new Array();
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            NodeArray
=parentNode.getChildren();
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
for(var i=0;i<NodeArray.length;i++)
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            {
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
var cNode=NodeArray[i];
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                cNode.setAttribute('Checked','
false');
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
if (cNode.getAttribute("Text")==pNode.getAttribute("Text"))
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                {
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                 cNode.setAttribute('Checked','
true');
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                 document.all(
"Hidden1").value=cNode.getAttribute("Text");
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                }
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            }
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!          }
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!         }
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!        
</script>

[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!<DIV style="FONT-SIZE: 12px; Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" ms_positioning="text2D"><FONT face="Times New Roman">再详细的描述一下需求吧:<BR>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    加入有3个第一层的节点,然后这个三个第一层的节点下面都有3到5个不等的子节点。在每个第一层下面的子节点要单选一个,提交的时候点击另外的一个Button就可以了。上次你做的Demo,可以实现这个功能了,但是如果用户直接在CheckBOx而不是点节点的话,还是可以多选。后来我处理为不显示CheckBOx,点击后才出现CheckBOx,这样避免用户直接点CheckBox而出现在一个父节点下面选两个的情况。但老板要求必须全部都有CheckBox,并且点CheckBOx和点节点需要有同样的效果,所有我一直想法当用户点节点前面的CheckBox,也相当于点节点的效果,就是能在客户端触发一下Click。
</FONT><BR>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
<BR>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
</DIV>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
<iewc:TreeView id="TreeView1" style="Z-INDEX: 102; LEFT: 8px; POSITION: absolute; TOP: 136px" runat="server">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
<iewc:TreeNode Text="Node0" Expanded="True">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode CheckBox="True" Text="Node3"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode CheckBox="True" Text="Node4"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode CheckBox="True" Text="Node5"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
</iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
<iewc:TreeNode Text="Node1">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node6"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node7"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node8"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
</iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
<iewc:TreeNode Text="Node2">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node9"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node10"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                    
<iewc:TreeNode Text="Node11"></iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                
</iewc:TreeNode>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
</iewc:TreeView><INPUT id="Hidden1" style="Z-INDEX: 103; LEFT: 24px; POSITION: absolute; TOP: 296px" type="hidden"
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                name
="Hidden1" runat="server">
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
<asp:Button id="Button1" style="Z-INDEX: 104; LEFT: 24px; POSITION: absolute; TOP: 440px" runat="server"
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                Text
="Submit"></asp:Button>
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!            
<asp:Label id="Label1" style="Z-INDEX: 105; LEFT: 96px; POSITION: absolute; TOP: 448px" runat="server"
[原创]通过点击节点或选择节点前checkbox实现树节点单选功能!                Width
="280px" ForeColor="Red" Font-Size="12px"></asp:Label>

Imports Microsoft.Web.UI.WebControls
End Sub

相关文章: