ASP.NET 用MultiView和View实现选项卡效果

                     ASP.NET中的MultiView和View可以作为其他控件的容器,提供了一种可方便地显示信息的替换视图方式。通常情况下, MultiView和View搭配使用。我一般很少使用这两控件,本文讲讲用MultiView和View实现选项卡效果。贴上前台代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication3._Default" %>




    用MultiView和View实现选项卡效果


    
设计效果如下:

ASP.NET 用MultiView和View实现选项卡效果_第1张图片

用两个Button(btnIntroduction、btnWelcome)作为切换Tab按钮,这两个Button按钮关联到同一个事件处理。其实用ImageButton来实现应该会更好看一点。

后台cs实现切换功能代码:

using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;

namespace WebApplication3
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Label1.Text = @"本公司为一家集软件开发、传统网络开发以及无线网络开发的大型科技公司。公司自成立以来经过长期发展,取得了80多项国家专利!" + "\r\n" +
@"本公司为一家集软件开发、传统网络开发以及无线网络开发的大型科技公司。公司自成立以来经过长期发展,取得了80多项国家专利!" + "\r\n" +
@"本公司为一家集软件开发、传统网络开发以及无线网络开发的大型科技公司。公司自成立以来经过长期发展,取得了80多项国家专利!" + "\r\n" +
@"本公司为一家集软件开发、传统网络开发以及无线网络开发的大型科技公司。公司自成立以来经过长期发展,取得了80多项国家专利!";
            Label2.Text = @"欢迎有志之士加盟本公司!
        软件开发工程师
        要求: 
        1、热爱软件行业; 
        2、熟悉、net框架,能熟练使用C#和JavaScript进行编码; 
        3、熟悉SQL Server等常用的数据库; 
        4、有良好的编码规范习惯; 
        5、做事认真负责,服从公司的工作安排; 
        6、吃苦耐劳,敬业。 ";
        }

        protected void btnIntroduction_Click(object sender, EventArgs e)
        {
            //获取被触发的Button对象
            Button b = (Button)sender;
            if (b.ID == "btnIntroduction")
            {
                //激活View1
                MultiView1.SetActiveView(View1);
            }
            else
            {
                //激活View2
                MultiView1.SetActiveView(View2);
            }
        }
    }
}

浏览效果:


你可能感兴趣的:(ASP.NET)