我正在为 tabpanel 使用 struts2-jquery 插件。看看下面的代码
<table width="98%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td>
<s:select list="appList" id="appList" name="selectedApp"
headerKey="-1" onchange="getApplicationValue(this);"/>
</td>
</tr>
<tr>
<td>
<s:url var="urlVar" value="actionValue">
<s:param name="calledAction">actionName</s:param>
</s:url>
<sj:tabbedpanel id="remotetabs" selectedTab="0" cssStyle="width:100%">
<sj:tab id="pendingTab" href="%{urlVal}" key="key" target="div1"
loadingText="Loading..." indicator="indicator">
<sj:div id="pendingDiv" indicator="indicator" >
</sj:div>
</sj:tab>
</td>
</tr>
</table>
<script language="javascript">
var selectedTab;
$( document ).ready(function() {
$('#remotetabs').tabs({
select:function(event,ui) { //bind click event to link
selectedTab=ui.index;
}
});
});
function getApplicationValue(){
$( "#remotetabs" ).tabs( "load", selectedTab);
}
</script>
我的要求是
- 每个选项卡调用 url,执行数据库操作并在该选项卡中显示数据
- 更改选项卡面板上方组合框的值会触发当前选定的选项卡,并在组合框中传递当前选定值的值
- 在更改组合框时,数据应出现在当前选定的选项卡中
问题:req1 和 req3 工作正常,但对于 req2 我无法将选定的组合框值传递给我的操作类,因为当前页面已经加载。更改选项卡面板不会将我的类变量绑定到操作类。请帮我弄清楚,我如何将我的组合框值传递给我的操作类(不加载整个页面/更改选项卡)
这就是它的样子:http: //jsfiddle.net/rohanparekh/ZvtRM/3/