zoukankan      html  css  js  c++  java
  • 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控件里才会有不错的效果。

  • 相关阅读:
    别再为了this发愁了:JS中的this机制
    专为控制打印设计的CSS样式
    怎样用纯HTML和CSS更改默认的上传文件按钮样式
    将HTML转成XHTML并清除一些无用的标签和属性
    JavaScript中textRange对象使用方法总结
    DIV+CSS规范命名集合
    JS条件判断
    CSS只是进化的一部分
    25 个超棒的 HTML5 & JavaScript 游戏引擎开发库
    开发一个完整的JavaScript组件
  • 原文地址:https://www.cnblogs.com/wantingqiang/p/1317852.html
Copyright © 2011-2022 走看看