带有保存和继续选项的AJAX选项卡 [英] AJAX Tab with save and proceed option

问题描述

我正在使用 AJAXControlToolKit选项卡控制器创建标签。



使用 iframe 添加不同的页面。



我在页面中添加了标签（TabPage.aspx）并从该页面调用所有页面（ChildPage1.aspx，ChildPage2.aspx，ChildPage3.aspx，ChildPage4.aspx）



我想添加保存并继续按钮 TabPage.aspx 当用户点击按钮时，它应该将数据保存在所选标签中并继续下一个标签，即如果用户位于 ChildPage1.aspx 那么值应该保存在 ChildPage1.aspx 中，他应该到页面 ChildPage2.aspx



TabPage.aspx

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

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>

推荐答案

从评论中，您需要在每个页面中创建一个javascript函数，并谷歌如何从子级到父级调用javascript函数。然后你的JS必须调用你想要的方法。

From the comments, You'll want to create a javascript function in each page and google how to call javascript function from child to parent. Then your JS will have to call the method you want.

这篇关于带有保存和继续选项的AJAX选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！