在提交表单时加载选项卡式面板的相同选项卡

Question

使用Struts2和JQuery。每个表单都有选项卡面板和提交按钮。

提交时，它转发到与选项卡式面板不同的jsp。 我的要求是 1. tab1 ---- > 提交时停留在 tab1 上 2. tab2 -----> 提交时移至下一个选项卡

如何实现这一目标？我尝试了下面的方法，但它重定向到一个 jsp 关闭选项卡式面板。

<s:url var="tab1Url" action="tab1Action"/>
<s:url var="tab2Url" action="tab2Action"/>

<sj:tabbedpanel id="remotetabs" selectedTab="0" show="true" hide="'fade'" collapsible="true" sortable="true" useSelectedTabCookie="true">
    <sj:tab id="tab1" href="%{tab1Url}" key="label.tab1" />
    <sj:tab id="tab2" href="%{tab2Url}" key="label.tab2"/>
</sj:tabbedpanel>

tab1.jsp --- 如下

<s:form action="saveCompInfo" method="post" validate="true" >
    <s:textfield name="compName" key="label.compNumber"/>
    <s:textfield name="compDescription" key="label.compDescription"/>
    <s:submit value="save"></s:submit>
</s:form>

struts.xml

<action name="tab1Action" class="xxx.CompanyAction">
    <result>/jsp/createCompanyPanel.jsp</result>                      
    <result name="input">tab1Action</result>
</action>
<action name="saveCompInfo" class="xxx.CompanyAction" method="saveCompany">
    <result>/jsp/createCompanyPanel.jsp</result> 
    <result name="input">tab1Action</resul
</action>
<action name="tab2Action" class="xxx.CreateDepartmentsAction">
    <result>/jsp/createDepartmentPanel.jsp</result> 
    <result name="input">tab2Action</result>
</action>

Answer 1

当您提交表单时，页面将重新加载，并且面板的当前选项卡将具有初始设置。如果您通过 Ajax 提交表单，则不会发生这种情况。

<s:form action="saveCompInfo" method="post" validate="true" >
    <s:textfield name="compName" key="label.compNumber"/>
    <s:textfield name="compDescription" key="label.compDescription"/>
    <sj:submit value="save"/>
</s:form>