请问如何在ASP.NET中通过客户段脚本控制TabStrip控件的MultiPage页面切换?
如题.
在服务器端代码里,只要指定TabStrip的SelectedIndex属性值即可.
而在客户端脚本里,我怎么试也试不出来.
望哪位知道的兄弟能指点指点,谢谢~~
代码如下:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="MyNameSpace.WebForm1" %>
<%@ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
<script language="javascript">
function onClick_TabPageChange(Flag)
{
if(Flag == "0")
{
TabStrip1.SelectedIndex = 0;
//document.getElementById("TabStrip1").setAttribute ("SelectedIndex",0); }
else if(Flag == "1")
{
TabStrip1.SelectedIndex = 1;
//document.getElementById("TabStrip1").setAttribute ("SelectedIndex",1); }
}
</script>
</HEAD>
<Body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<table id="Table1">
<tr>
<td>
<iewc:tabstrip id="TabStrip1" runat="server" TargetID="MultiPage1"
BackColor="LightSeaGreen">
<iewc:Tab Text="Tab 1" id="Tab1"></iewc:Tab>
<iewc:TabSeparator></iewc:TabSeparator>
<iewc:Tab Text="Tab 2" id="Tab2"></iewc:Tab> <iewc:TabSeparator></iewc:TabSeparator>
</iewc:tabstrip>
</td>
</tr>
<tr>
<td>
<iewc:MultiPage id="MultiPage1" runat="server">
<iewc:PageView id="Page1">
<TABLE>
<TR>
<TD>
<asp:label id="MyLabel1" runat="server">
MyLabel1
</asp:label>
</TD>
</TR>
</TABLE>
</iewc:PageView>
<iewc:PageView id="Page2">
<TABLE>
<TR>
<TD>
<asp:label id="MyLabel2" runat="server">
MyLabel2
</asp:label>
</TD>
</TR>
</TABLE>
</iewc:PageView>
</iewc:MultiPage>
</td>
</tr>
<tr>
<td>
<INPUT id="Btn_PageChange" type="Button" value="页面切换" onclick=onClick_TabPageChange(1);>
</td>
</tr>
</table>
</form>
</body>
</HTML>