jquery 在表单提交时加载相同选项卡

c2e8gylq  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(99)

使用Struts2和JQuery有一个提交按钮的每个表单的面板。
在提交时,它将转发到jsp,与jsp面板不同。我的要求是1。tab 1- >在提交时停留在tab 1 2. tab 2->在提交时移动到下一个标签
如何做到这一点?我尝试了下面的,但它重定向到一个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>
mrzz3bfm

mrzz3bfm1#

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

相关问题