<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>未命名頁面</title>
</head>
<mce:script language="javascript"><!--
function changeTab( tabIndex )
{
var tabBehavior = $get('<%=TabContainer1.ClientID%>').control;
tabBehavior.set_activeTabIndex(tabIndex);
}
// --></mce:script>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="520px"
Width="100%">
<cc1:TabPanel runat="server" HeaderText="彙報本周工作" ID="TabPanel1" OnClientClick="LoadTabShow">
<HeaderTemplate>
彙報本周工作
</HeaderTemplate>
<ContentTemplate>
<table align="left" class="style4" align="center">
<tr>
<td style="text-align: center" mce_style="text-align: center">
彙報狀态:
</td>
<td>
<asp:Literal ID="LitState" runat="server"></asp:Literal>
時間：<asp:Literal ID="LitTime" runat="server"></asp:Literal>
</td>
</tr>
<tr>
<td style="text-align: center" mce_style="text-align: center">
彙報内容:*
</td>
<td>
<asp:TextBox ID="txtContent" runat="server" Width="600px" TextMode="MultiLine" Height="150px"></asp:TextBox>
</td>
</tr>
<tr>
<td style="text-align: center" mce_style="text-align: center">
下周計劃:
</td>
<td>
<asp:TextBox ID="txtNextContent" runat="server" Width="600px" TextMode="MultiLine"
Height="150px"></asp:TextBox>
</td>
</tr>
<tr>
<td style="text-align: center" mce_style="text-align: center">
附件:
</td>
<td>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="btnFileUp" runat="server" Text="送出" />
</td>
</tr>
<tr>
<td colspan="2">
<hr />
</td>
</tr>
<tr>
<td style="text-align: center" mce_style="text-align: center">
浏覽人員:
</td>
<td>
<asp:TextBox ID="txtBrowsePeople" runat="server" Width="600px" Enabled="False"></asp:TextBox>
</td>
</tr>
<tr>
<td style="text-align: center" mce_style="text-align: center">
上司批示:
</td>
<td>
<asp:TextBox ID="txtAuthor" runat="server" Width="600px" Enabled="False"
Height="24px"></asp:TextBox>
</td>
</tr>
</table>
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel runat="server" HeaderText="參考本周日程" ID="TabPanel02" Height="500px" OnClientClick="LoadTabHide">
<HeaderTemplate>
參考本周日程
</HeaderTemplate>
<ContentTemplate>
<asp:Repeater ID="RepWeekRiCheng" runat="server">
<HeaderTemplate>
<table cellpadding="0" cellspacing="0" style="width: 100%;">
<tr style="height: 20px;">
<td style="width: 60%;">
标題
</td>
<td style="width: 20%;">
開始時間
</td>
<td style="width: 20%;">
結束時間
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="height: 25px;">
<td>
<span οnclick="window.parent.parent.Div_Show('../schedule/add.aspx?id=<%# Eval("id") %>&v=v',345,653)"
style="cursor: pointer; text-decoration: underline;">
<%# Eval("title") %></span>
</td>
<td>
<%# Eval("start_Date")%>
</td>
<td>
<%# Eval("end_date")%>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</div>
</form>
</body>
</html>
1： 用js 改變Tab選顯示順序
實作方法如下：
function changeTab(tabIndex) {
var tabBehavior = $get('<%=TabContainer1.ClientID%>').control;
tabBehavior.set_activeTabIndex(tabIndex);
}
1.1 通過背景方法更改
public void SetTabIndex()
{
if (Request.QueryString["tab"] != null)
{
string strIndex = Request.QueryString["tab"].Trim();
TabContainer1.ActiveTabIndex = int.Parse(strIndex);
}
}
2：更改Tab的顯示名稱
<cc1:TabPanel runat="server" HeaderText="彙報本周工作" ID="TabPanel1" OnClientClick="LoadTabShow">
<HeaderTemplate>
彙報本周工作
</HeaderTemplate>
還有一點，更改Tab頁籤的HeaderText 的值， 如果不配置 <HeaderTemplate> 節點，就是不存在的意思，可從背景直接更改。
![ASP.NET大型績效考核評估系統源碼[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)