Nov 19, 2008, 4:59 AM
[CLOSED] Passing values between tabs autoiframe method
I want to pass text value from one tab to another tab. Using javascript...
Default.aspx
2.aspx
Thanks in advance.
Regards
Madan
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<br />
<br />
<br />
<ext:TabPanel ID="TabPanel1" runat="server" ActiveTabIndex="0" Width="600" Height="250" Plain="true">
<Tabs>
<ext:Tab
ID="Tab1"
runat="server"
Title="Normal Tab"
AutoLoadIFrame="1.aspx"
BodyStyle="padding: 6px;"
AutoScroll="true"
>
</ext:Tab>
<ext:Tab
ID="Tab2"
runat="server"
Title="Closable Tab"
Html="You can close this Tab."
BodyStyle="padding: 6px;"
Closable="true"
/>
<ext:Tab
ID="Tab3"
runat="server"
Title="Ajax Tab"
Html="You can close this Tab."
BodyStyle="padding: 6px;"
AutoScroll="true"
/>
<ext:Tab
ID="Tab4"
runat="server"
Title="Event Tab"
AutoLoadIFrame="2.aspx"
BodyStyle="padding: 6px;"
AutoScroll="true">
<%-- <Content>
<ext:TextField ID="TextField1" runat="server">
</ext:TextField>
</Content>--%>
</ext:Tab>
<ext:Tab
ID="Tab5"
runat="server"
Title="Disabled Tab"
Disabled="true"
Html="Can't see me cause I'm disabled"
AutoScroll="true"
/>
</Tabs>
</ext:TabPanel>
<br />
<br />
</form>
</body>
</html>
1.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="1.aspx.cs" Inherits="_1" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function m()
{
parent.window.TabPanel1.setActiveTab(3);
parent.window.TabPanel1.Tab4.TextField1.setValue("Hello worls");
}
</script>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Button ID="Button1" runat="server" Text="Submit">
<Listeners>
<Click Handler="m()" />
</Listeners>
</ext:Button>
</form>
</body>
</html>
2.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="2.aspx.cs" Inherits="_2" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:TextField ID="TextField1" runat="server">
</ext:TextField>
</form>
</body>
</html>
How to pass the value when i click the button in the tab1 and insert in the tab4 textfield.Thanks in advance.
Regards
Madan