AJAX Tab with save and proceed option

See more:

C#

ASP.NET

.NET

.NET4

Ajax-toolkit

Hi,

I'm Using AJAXControlToolKit Tab Controller to create Tab.

In that in Using iframe to add different page.

I Added the tab in the page (TabPage.aspx) and called all the page (ChildPage1.aspx, ChildPage2.aspx,ChildPage3.aspx,ChildPage4.aspx) from that page

I want to add save and proceed Button in the TabPage.aspx when the user click the button then it should save the data in the selected tab and proceed to the next tab i.e. if the user is at ChildPage1.aspx then the values should be saved in the ChildPage1.aspx and he should procced to the page ChildPage2.aspx

TabPage.aspx

<form id="form1"  runat="server">
    <div>
        <Ajx:ToolkitScriptManager  runat="server" EnablePartialRendering="true" ID="ScriptManager1" />
        <Ajx:TabContainer  runat="server" ID="Tabs" Visible="true" CssClass="Tab" BorderStyle="None" TabIndex="0">
            <Ajx:TabPanel  runat="server" ID="TabPanel1" HeaderText="Page1">
                <ContentTemplate>
                    <iframe id="Iframe1" src="ChildPage1.aspx"  runat="server"
                        width="100%" height="650px"></iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
            <Ajx:TabPanel  runat="server" ID="TabPanel2" HeaderText="Page2">
                <ContentTemplate>
                    <iframe id="Iframe2" src="ChildPage2.aspx"  runat="server"
                        width="100%" height="650px"></iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
        </Ajx:TabContainer>
        <Ajx:TabPanel  runat="server" ID="TabPanel3" HeaderText="Page3">
                <ContentTemplate>
                    <iframe id="Iframe3" src="ChildPage3.aspx"  runat="server"
                        width="100%" height="650px"></iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
        </Ajx:TabContainer>
        <br />
        <asp:Button runat="server" ID="btnMasterPage" Text="Button in Page Tab" 
            onclick="btnMasterPage_Click" />
    </div>
    </form>

ChildPage1.aspx

<form id="form1"  runat="server">
    <div>
        Page 1
        <br />
        <br />
        <asp:Label ID="lblText" runat="server" Text="Name"></asp:Label>
        <br />
        <br />
        <asp:TextBox ID="txtText" runat="server"></asp:TextBox>
    </div>
    </form>