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)
{
// 在此处放置用户代码以初始化页面
}
#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)
{
// 在此处放置用户代码以初始化页面
}
#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