如何在单击Button时将一个Ajax Tab面板继续到下一个Ajax选项卡面板 [英] How to proceed one Ajax Tab panel to next Ajax Tab Panel while clicking on Button

问题描述

我使用Ajax Tab面板进行标签操作。我的要求是 - 当点击进入下一页按钮时，它应该重定向到具有不同数据的下一个标签。



这是我的标签代码。我想在第一个标签中添加一个按钮。点击进入下一页按钮时，它应该重定向到下一个标签。怎么办

 <   Ajx：ToolkitScriptManager     runat   =  服务器    EnablePartialRendering   =  true    ID   =  ScriptManager1    /  >  
 <   Ajx：TabContainer     runat   =  serv呃    ID   = 标签   可见  =  true    CssClass   = 标签 > ;  
 <   Ajx：TabPanel     runat   =  server    ID   =  Panel1    HeaderText   = 劳动力   < span class =code-attribute>宽度  =  50px >  
 <   ContentTemplate  >  
 <   iframe     id   =  Iframe1    src   =   WorkForce.aspx    runat   = 服务r    width   =  100％    height   =  450px >  
 < span class =code-keyword><   / iframe  >  
 <   / ContentTemplate  >  
 <   / Ajx：TabPanel  >  
 <   Ajx：TabPanel     runat   =  server    ID   =  Panel3    HeaderText   =  ThirdPartyWorkForce >  
 <   ContentTemplate  >  
 <   iframe     id   = < span class =code-keyword> Iframe2    src   =  ThirdPartyWork Force.aspx    runat   =  server    width   =  100％   高度  =  650px >  
 <   / iframe  >  
 <   / ContentTemplate  >  
 <   / Ajx：TabPanel  >  
 <   / Ajx：TabContainer  >  

解决方案

TabContainer有一个名为ActiveTabIndex的属性，首先需要将此索引设置为0（零）。之后如果要从一个移动选项卡面板到其他选项卡面板，您需要设置此ActiveTabIndex。



在您的下一个按钮点击

 Tabs.ActiveTabIndex = 1; 

Hi,

I have used Ajax Tab panel for tabbing. my requirement is- while click on proceed to next page button, it should redirect to next tab with different data.

this is my code for tabbing. i want to add one button in first tab. while clicking on proceed to next page button, it should redirect to next tab. How to do

<Ajx:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" />
        <Ajx:TabContainer runat="server" ID="Tabs" Visible="true" CssClass="Tab">
            <Ajx:TabPanel runat="server" ID="Panel1" HeaderText="Workforce" Width="50px">
                <ContentTemplate>
                    <iframe id="Iframe1" src="WorkForce.aspx" runat="server" width="100%" height="450px">
                    </iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
            <Ajx:TabPanel runat="server" ID="Panel3" HeaderText="ThirdPartyWorkForce">
                <ContentTemplate>
                    <iframe id="Iframe2" src="ThirdPartyWorkForce.aspx" runat="server" width="100%" height="650px">
                    </iframe>
                </ContentTemplate>
            </Ajx:TabPanel>
        </Ajx:TabContainer>

解决方案

TabContainer has one property called "ActiveTabIndex" first you need to set this index to '0'(zero).After that if you want to move from one tab panel to other tab panel you need to set this ActiveTabIndex.

here in your next button click

Tabs.ActiveTabIndex = 1; 

这篇关于如何在单击Button时将一个Ajax Tab面板继续到下一个Ajax选项卡面板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！