MSPlus.TabControl支持状态保存,SelectedIndexChanged事件,支持多层嵌套等功能...
MSPlus.TabControl常用属性和方法以及事件的说明:
Unit Width = 控件的宽度
Unit Height = 控件的高度
Int32 SelectedIndex = 获取或设置选中的Tab页索引编号
SelectionMode(Server or Client)= 每次Tab页的切换在客户端完成还是每次都需要返回服务器端
Items = 获取所有Tab页的容器
SelectedIndexChanged(事件)= Tab选中页改变时触发的事件
使用样例:
<%
@ Register TagPrefix="msp" Namespace="MSPlus" Assembly="MSPlus.TabControl"
%>
..
< LINK href ="Common/CSS/Default.CSS" type ="text/css" rel ="stylesheet" >
< script language ="JavaScript" src ="Common/JavaScript/Tab.js" ></ script >
..
< msp:tabcontrol id ="TabControl1" style ="Z-INDEX: 100; LEFT: 128px; POSITION: absolute; TOP: 80px"
runat ="server" SelectionMode ="Server" width ="500" height ="150" >
< msp:TabPage Caption ="春暖花开" ID ="tabPage1" >
< msp:TabControl id ="TabControl2" runat ="server" height ="120" >
< msp:TabPage Caption ="春暖" ID ="tabPage11" > 多层TabControl嵌套 </ msp:TabPage >
< msp:TabPage Caption ="夏日" ID ="tabPage21" ></ msp:TabPage >
< msp:TabPage Caption ="秋高" ID ="tabPage31" ></ msp:TabPage >
< msp:TabPage Caption ="冬季" ID ="tabPage41" ></ msp:TabPage >
</ msp:TabControl >
</ msp:TabPage >
< msp:TabPage Caption ="夏日炎炎" ID ="tabPage2" >
< asp:TextBox id ="TextBox1" runat ="server" ></ asp:TextBox >
< br >
< asp:Button id ="Button3" Text ="DoPostBack(测试状态保存)" runat ="server" ></ asp:Button >
</ msp:TabPage >
< msp:TabPage Caption ="秋高气爽" ID ="tabPage3" >
< asp:Button id ="Button2" Text ="DoPostBack" runat ="server" ></ asp:Button >
</ msp:TabPage >
< msp:TabPage Caption ="冬季运动" ID ="tabPage4" >
< asp:CheckBox id ="CheckBox1" runat ="server" ></ asp:CheckBox >
</ msp:TabPage >
</ msp:tabcontrol >
..
< LINK href ="Common/CSS/Default.CSS" type ="text/css" rel ="stylesheet" >
< script language ="JavaScript" src ="Common/JavaScript/Tab.js" ></ script >
..
< msp:tabcontrol id ="TabControl1" style ="Z-INDEX: 100; LEFT: 128px; POSITION: absolute; TOP: 80px"
runat ="server" SelectionMode ="Server" width ="500" height ="150" >
< msp:TabPage Caption ="春暖花开" ID ="tabPage1" >
< msp:TabControl id ="TabControl2" runat ="server" height ="120" >
< msp:TabPage Caption ="春暖" ID ="tabPage11" > 多层TabControl嵌套 </ msp:TabPage >
< msp:TabPage Caption ="夏日" ID ="tabPage21" ></ msp:TabPage >
< msp:TabPage Caption ="秋高" ID ="tabPage31" ></ msp:TabPage >
< msp:TabPage Caption ="冬季" ID ="tabPage41" ></ msp:TabPage >
</ msp:TabControl >
</ msp:TabPage >
< msp:TabPage Caption ="夏日炎炎" ID ="tabPage2" >
< asp:TextBox id ="TextBox1" runat ="server" ></ asp:TextBox >
< br >
< asp:Button id ="Button3" Text ="DoPostBack(测试状态保存)" runat ="server" ></ asp:Button >
</ msp:TabPage >
< msp:TabPage Caption ="秋高气爽" ID ="tabPage3" >
< asp:Button id ="Button2" Text ="DoPostBack" runat ="server" ></ asp:Button >
</ msp:TabPage >
< msp:TabPage Caption ="冬季运动" ID ="tabPage4" >
< asp:CheckBox id ="CheckBox1" runat ="server" ></ asp:CheckBox >
</ msp:TabPage >
</ msp:tabcontrol >
namespace
TabControlDemo
{
/**//// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected MSPlus.TabControl TabControl1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
}
Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.TabControl1.SelectedIndexChanged += new System.EventHandler(this.TabControl1_SelectedIndexChanged);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void TabControl1_SelectedIndexChanged(object sender, System.EventArgs e)
{
事件被触发
}
}
{
/**//// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected MSPlus.TabControl TabControl1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
}
Web 窗体设计器生成的代码#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/**//// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.TabControl1.SelectedIndexChanged += new System.EventHandler(this.TabControl1_SelectedIndexChanged);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void TabControl1_SelectedIndexChanged(object sender, System.EventArgs e)
{
事件被触发
}
}
需要源码的朋友,可留下EMAIL
下载MSPlus.TabControl V1.0 Beta演示和控件
查看MSPlus.TabControl V1.1 更新说明
下载MSPlus.TabControl V1.1 演示和控件 - 2005-7-15