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控件里才会有不错的效果。

  • 相关阅读:
    kkfileview v2.0 发布,文件在线预览项目方案
    margin:0 auto 与 text-align:center 的区别
    div页面居中(上下左右)
    jquery 实现页面拖拽并保存到cookie
    移动开发框架,第【一】弹:QuoJs 官方文档(汉化版)
    javascript 匿名函数的理解,js括号中括function 如(function(){})
    百度,淘宝,腾讯三大巨头HTML页面规范分解
    Javascript触屏手势库-JTouch(更新V1.1)
    移动设备、手机浏览器Javascript滑动事件代码
    jQuery 实现上下,左右滑动
  • 原文地址:https://www.cnblogs.com/wantingqiang/p/1317852.html
Copyright © 2011-2022 走看看