TreeView与MultiView,View三个控件的组合使用

首先是将View放入MultiView里,不要更改默认命名.

然后对TreeView添加节点,以下是它的aspx页面代码 :

 <asp:TreeView ID="TreeView1" runat="server" ImageSet="Contacts" NodeIndent="10"
                Style
="float: left;  200px" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
                
<ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
                
<HoverNodeStyle Font-Underline="False" />
                
<SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" />
                
<Nodes>
                    
<asp:TreeNode Text="管理" Value="管理">
                        
<asp:TreeNode Text="会员管理" Value="会员管理"></asp:TreeNode>
                        
<asp:TreeNode Text="论坛管理" Value="论坛管理"></asp:TreeNode>
                        
<asp:TreeNode Text="留言管理" Value="留言管理"></asp:TreeNode>
                        
<asp:TreeNode Text="情感空间" Value="情感空间"></asp:TreeNode>
                        
<asp:TreeNode Text="技术交流" Value="技术交流"></asp:TreeNode>
                        
<asp:TreeNode Text="班级平台" Value="班级平台"></asp:TreeNode>
                        
<asp:TreeNode Text="班级相册" Value="班级相册"></asp:TreeNode>
                        
<asp:TreeNode Text="系统公告" Value="系统公告"></asp:TreeNode>
                    
</asp:TreeNode>
                
</Nodes>
                
<NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px"
                    NodeSpacing
="0px" VerticalPadding="0px" />
  
</asp:TreeView>

然后通过点击不同的节点就能切换到不同的View上,以下是它的cs代码 :

    protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
    {
        
switch (TreeView1.SelectedValue)
        {
            
case "会员管理":
                MultiView1.SetActiveView(View1);
                
break;
            
case "论坛管理":
                MultiView1.SetActiveView(View2);
                
break;
            
case "留言管理":
                MultiView1.SetActiveView(View3);
                
break;
            
case "情感空间":
                MultiView1.SetActiveView(View4);
                
break;
            
case "技术交流":
                MultiView1.SetActiveView(View5);
                
break;
            
case "班级平台":
                MultiView1.SetActiveView(View6);
                
break;
            
case "班级相册":
                MultiView1.SetActiveView(View7);
                
break;
            
case "系统公告":
                MultiView1.SetActiveView(View8);
                
break;
        }
    }

大致就是这么多,还就是MultiView与View的组合也能做出不错的选项卡,当然只有放到ajax控件里才会有不错的效果。

原文地址:https://www.cnblogs.com/wantingqiang/p/1317852.html