• [原创]通过点击节点或选择节点前checkbox实现树节点单选功能!


    描述一下需求:

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


    <script language="javascript">
             
    function CheckOne()
             {
              
    var cIndex=TreeView1.clickedNodeIndex;
             
              
              
    var tmp=cIndex.split(".");
              
    if (tmp.length==2)  //代表都是第2层节点
              {
                
    var pNode=TreeView1.getTreeNode(cIndex);
                
    var parentNode=pNode.getParent();
                
    var NodeArray =new Array();
                NodeArray
    =parentNode.getChildren();
                
    for(var i=0;i<NodeArray.length;i++)
                {
                    
    var cNode=NodeArray[i];
                    cNode.setAttribute('Checked','
    false');
                    
    if (cNode.getAttribute("Text")==pNode.getAttribute("Text"))
                    {
                     cNode.setAttribute('Checked','
    true');
                     document.all(
    "Hidden1").value=cNode.getAttribute("Text");
                    
                    }
                    
                }
              }
             }
            
    </script>

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

    Imports Microsoft.Web.UI.WebControls
    Private Sub Page_Load(ByVal sender As System.ObjectByVal e As System.EventArgs) Handles MyBase.Load
            TreeView1.Attributes.Add(
    "oncheck""javascript:CheckOne();")
            TreeView1.Attributes.Add(
    "onclick""javascript:CheckOne();")
            
    Dim tnode As TreeNode
            
    For Each tnode In TreeView1.Nodes(0).Nodes
                
    If tnode.Text = Hidden1.Value.Trim() Then
                    tnode.Checked 
    = True
                
    Else
                    tnode.Checked 
    = False
                
    End If
            
    Next
        
    End Sub


        
    Private Sub Button1_Click(ByVal sender As System.ObjectByVal e As System.EventArgs) Handles Button1.Click
            Label1.Text 
    = "您选择的节点为:" + Hidden1.Value
        
    End Sub
  • 相关阅读:
    mysql指定字符位置截取字符串(多行重复信息进行合并)
    数据库按某字段去重查询结果集做法
    poi从数据库导出百万数据并写入excel
    自定义消息弹框以及跳转
    Django使用distinct报错:DISTINCT ON fields is not supported by this database backend
    Mysql】Mysql中CURRENT_TIMESTAMP,CURRENT_DATE,CURRENT_TIME,now(),sysdate()各项值的区别
    HTML文件直接在浏览器打开和本地服务器localhost打开有什么区别?
    pip下载加速的方式
    Python字符串格式化方式之format
    chmod: changing permissions of 'xxx': Operation not permitted
  • 原文地址:https://www.cnblogs.com/goody9807/p/150627.html
Copyright © 2020-2023  润新知