タブごとに異なるjqueryグリッドを持つタブ付きパネルを作成しようとしています。最初のタブは期待どおりに読み込まれ、要求されたグリッドが表示されます。しかし、他のすべてのタブはグリッドを表示することを拒否しますが、空をレンダリングするだけです
<table id="gridtable" class="scroll" cellpadding="0" cellspacing="0"></table>
したがって、<sjg:grid>タグは、グリッドのjsonデータを取得するためにリモートURLを呼び出しません。
これは私のタブ付きパネルです:
<sj:tabbedpanel id="taskTabs">
<sj:tab id="all" href="%{allURL}" label="Alle"/>
<sj:tab id="today" href="%{todayURL}" label="Heute"/>
<sj:tab id="thisWeek" href="%{thisWeekURL}" label="Diese Woche"/>
</sj:tabbedpanel>
URLは、次のグリッドを表示するアクションを指します。
<sjg:grid
id="gridtable"
caption="tasks"
dataType="json"
href="%{remoteurl}"
gridModel="tasks"
>
<sjg:gridColumn name="id" index="id" title="ID" sortable="true"/>
<sjg:gridColumn name="text" index="text" title="Text" sortable="true"/>
</sjg:grid>
ただし、remoteurlは最初のタブでのみ呼び出されます。他のすべてのタブはそれを呼び出しません。パネル定義でselectedTabオプションを使用すると、ページが呼び出されたときにこのタブのグリッドが読み込まれますが、このタブを離れて戻ったときに空になります。それでも、最初のタブにはグリッドが表示されます。
任意のアイデアをいただければ幸いです。