Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)delv
published in(发表于) 1/27/2014 6:47:39 AM
ASP.NET2.0中Tabs的简单实现_[Asp.Net教程]

ASP.NET2.0中Tabs的简单实现_[Asp.Net教程]

不用Asp.net Ajax ControlToolKit中的Tabs控件实现Tabs效果的简单实现方法：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

onClick="btnView1_Click" />
onClick="btnView2_Click" />
onClick="btnView3_Click" />

这是View1！

这是View2！

这是View3！

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

赞