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

时间:2015-09-04 00:56:06

标签: jquery struts2

使用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>

1 个答案:

答案 0 :(得分:0)

当您提交表单时,页面会重新加载,并且面板的当前选项卡将变为初始设置。如果您通过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>