Struts 2 Jquery选项卡导航 [英] Struts 2 Jquery tab navigation
问题描述
从一个选项卡导航到另一个选项卡时,即单击tab1(即jsp)中的Submit按钮时,必须加载tab2.我的代码在下面.
When navigating from one tab to another, i.e, on clicking the submit button in a tab1 (which is jsp) the tab2 has to get loaded. My code is below.
<sj:tabbedpanel id="remotetabs" onCompleteTopics="tabcomplete"
onChangeTopics="tabchange">
<sj:tab id="tab1" href="test1.jsp" label="Tab One" />
<sj:tab id="tab2" href="test2.jsp" label="Tab Two" />
</sj:tabbedpanel><sj:submit></sj:submit>
我使用的jsp是
The jsp I have used is
<s:url var="remoteurl1" action="ajax1" />
<s:url var="remoteurl2" action="ajax2" />
<sj:tabbedpanel id="tabpanel">
<sj:tab id="tab1" href="Test1.jsp" label="Tab One" />
<sj:tab id="tab2" href="Test2.jsp" label="Tab Two" />
</sj:tabbedpanel>
<sj:a href="#" onClickTopics="movetonextdiv" button="true">Next</sj:a>
我的脚本是
$.subscribe('movetonextdiv', function(event, data) {
var selected = $("#tabpanel").tabs('option', 'selected');
$("#tabpanel").tabs('option', 'selected', selected + 1);
});
我仍然面临开发人员工具中的问题,因为对象在下面的代码行中不支持此属性或方法,因此我收到了错误消息.
I still face an issue like in the developer tools I am getting the error as Object doesn't support this property or method for the below line of code.
var selected = $("#tabpanel").tabs("option", "selected");
推荐答案
首先,您应该将插件至少升级到v3.6.1.将$.subscribe
放在用于设置要订阅的主题的标签之前.确保已启用jQuery UI.
First, you should upgrade plugin to at least v3.6.1. Put $.subscribe
before the tag which sets topics to publish that you subscribed to. Make sure you have jQuery UI enabled.
<sj:head jqueryui="true" />
用于指定主题的脚本
<script type="text/javascript">
$(document).ready(function(){
$.subscribe('movetonextdiv', function(event, data) {
var el = $("#localtabs");
var size = el.find(">ul >li").size();
var active = el.tabs('option', 'active');
el.tabs('option', 'active', active + 1>=size?0:active + 1);
});
});
</script>
带有导航按钮的标签
<sj:a href="#" onClickTopics="movetonextdiv" button="true">Next</sj:a>
<br/>
<sj:tabbedpanel id="localtabs" cssClass="list">
<sj:tab id="tab1" target="jsp" label="JSP Code"/>
<sj:tab id="tab2" target="javascript" label="JavaScript"/>
<sj:tab id="tab3" target="java" label="Java"/>
<div id="jsp">
JSP
</div>
<div id="javascript">
JavaScript
</div>
<div id="java">
Java
</div>
</sj:tabbedpanel>
这篇关于Struts 2 Jquery选项卡导航的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!