jquery tabpanel的动态url

Question

我正在为 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>

我的要求是

1. 每个选项卡调用url，执行数据库操作并在该选项卡中显示数据
2. 更改选项卡面板上方组合框的值会触发当前选定的选项卡，并在组合框中传递当前选定值的值
3. 更改组合框时，数据应出现在当前选定的选项卡中

问题：req1 和 req3 工作正常，但对于 req2，我无法将选定的组合框值传递给我的操作类，因为当前页面已经加载。更改选项卡面板不会将我的类变量绑定到操作类。请帮我弄清楚，我如何将我的组合框值传递给我的操作类（不加载整个页面/更改选项卡）

这就是它的样子：http://jsfiddle.net/rohanparekh/ZvtRM/3/

Answer 1

代码不平衡。

sj:tabbedpanel 永远不会被结束标签关闭。