我试图创建一个标签式面板,每个标签中都有一个不同的jquery网格。第一个选项卡按预期加载并显示请求的网格。但是所有其他选项卡都拒绝显示网格,只是呈现空
<table id="gridtable" class="scroll" cellpadding="0" cellspacing="0"></table>
所以&lt; sjg:grid&gt;标签不会调用远程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>
网址指向显示以下网格的操作:
<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选项时,在调用页面时会加载此选项卡中的网格,但是当我离开此选项卡并返回时它将呈现为空。然而,第一个标签仍显示网格。
任何想法都将受到高度赞赏。
答案 0 :(得分:2)
您在其他标签中是否有网格的唯一ID? 确保您在同一个DOM中拥有所有元素的唯一ID。
约翰