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>

我的要求是

每个标签调用url，执行数据库操作并在该标签中显示数据

更改tabpanel上方组合框的值会触发当前选定的标签，并在combobox中传递当前所选值的值

更改组合框时，数据应显示在当前选定的标签
中

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

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

Answer 1

代码不平衡。

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

jquery tabpanel的动态URL

1 个答案: