导航到不同选项卡的Struts2.3 jQuery tabbedpanel按钮操作

时间:2018-12-14 18:58:40

标签: javascript jquery-ui struts2 struts2-jquery

我的代码有2个标签。第一个选项卡包含一个链接,单击该链接将转到操作类,成功时应显示一个JSP页面,重定向到下一个选项卡。

但是现在JSP页面不再显示在选项卡中,而是显示为单独的页面。

下面是示例应用程序,该应用程序复制了我所面临的问题。

Struts.xml

<action name="showOrderAuditTrail" class= "LoginActionTabAction">
   <result name="success">TestTab.jsp</result>
</action>
<action name="showOrderNoteDetail"  class= "LoginActionTabAction">
   <result name="success">Test5.jsp</result>
</action>

这是显示标签的第一个jsp页面

SuccessCustomer.jsp
 <sj:tabbedpanel id="remotetabs">
   <s:url action="showOrderAuditTrail" var="remoteurl4" /> 
   <sj:tab id="tab4" href="%{remoteurl4}"  label="showOrderAuditTrail" />

   <sj:tab id="tab5" target= "test51" label="Echo Tab">
   </sj:tab>
   <s:div id="test51"> Testing application</s:div>

包含按钮的页面,定义了操作,一旦成功,将在nexttab中显示一个JSP页面

TestTab.jsp

<s:url action="showOrderNoteDetail" id="showNoteDetailUrl" </s:url> 
<s:a  href="%{showNoteDetailUrl}" target="tab5" onclick="selectTab()" >
     <s:text name = "click" />
</s:a>

选择下一个标签的功能

<script>
function selectTab(aaa,bbb){
  var size = $("#remotetabs").find(">ul >li").size();
  var active = $("#remotetabs").tabs('option', 'selected');
 $("#remotetabs").tabs('option', 'selected', active + 1 >= size ? 0: active + 1);  
}
</script>

点击按钮后,下一个标签中的操作成功后将显示的页面

Test5.jsp

<%@ taglib prefix="s" uri="/struts-tags"%>
<s:div>
Testinggg!!!!!!!!  
</s:div>

0 个答案:

没有答案