0

我正在尝试创建一个在每个选项卡中具有不同 jquery 网格的选项卡式面板。第一个选项卡按预期加载并显示请求的网格。但是所有其他选项卡都拒绝显示网格，而只是呈现一个空的

<table id="gridtable" class="scroll" cellpadding="0" cellspacing="0"></table>

所以 <sjg:grid> 标签不会调用远程 URL 来获取网格的 json 数据。

这是我的标签面板：

<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 选项时，在调用页面时会加载此选项卡中的网格，但是当我离开此选项卡并返回时，它会呈现为空。尽管如此，第一个选项卡仍然显示网格。

任何想法将不胜感激。

4

1 回答 1

2

您在其他选项卡中是否有网格的唯一 ID？确保同一 DOM 中的所有元素都有唯一的 ID。

约翰内斯

于 2012-04-26T20:39:05.150 回答