ASP.NET2.0中Tabs的简单实现_[Asp.Net教程]
不用Asp.net Ajax ControlToolKit中的Tabs控件实现Tabs效果的简单实现方法:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
Tabs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
MultiView1.ActiveViewIndex = 0;
}
}
protected void MultiView1_ActiveViewChanged(object sender, EventArgs e)
{
switch (MultiView1.ActiveViewIndex)
{
case 0:
btnView1.BorderStyle = BorderStyle.Inset;
btnView2.BorderStyle = BorderStyle.NotSet;
btnView3.BorderStyle = BorderStyle.NotSet;
break;
case 1:
btnView2.BorderStyle = BorderStyle.Inset;
btnView1.BorderStyle = BorderStyle.NotSet;
btnView3.BorderStyle = BorderStyle.NotSet;
break;
case 2:
btnView3.BorderStyle = BorderStyle.Inset;
btnView1.BorderStyle = BorderStyle.NotSet;
btnView2.BorderStyle = BorderStyle.NotSet;
break;
}
}
protected void btnView1_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 0;
}
protected void btnView2_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 1;
}
protected void btnView3_Click(object sender, EventArgs e)
{
MultiView1.ActiveViewIndex = 2;
}
}
演示图片:
来源:cnblogs