2009-06-08 60 views
0

我需要一個CSS選項卡視圖,每個選項卡顯示一個動態表格。完整的表格是循環動態構建的,只有在該選項卡之後,標籤才能隱藏並顯示與每個選項卡相對應的每個表格。有什麼建議麼?該選項卡的內容位於列表項目內且僅在循環內。 這個開發是在appspot的Django/Python上開發的。帶有表格的CSS選項卡視圖

下面的代碼也不適用於jquery,是否有問題?

<pre><code> <div id="tabs"> 
<ul> 
{% for poolname in poolnamelist %} 
<li><a href="#mypool{{ forloop.counter }}"> 
<span>{{ poolname|escape }}</span></a></li> 
{% endfor %} 
</ul> 
{% for poolsequence in sequences %} 
<div id="mypool{{ forloop.counter }}"> 
<table> 
{% for sequence in poolsequence %} 
<form action="/mypool" method="post"> 
<tr><td>{{ sequence.seqdate }}</td> 
<td><input type="submit" value="ChangeDriver"/></td> 
</tr> 
</form> 
{% endfor %} 
</table> 
</div> 
{% endfor %} 
</div> 
</code></pre> 

回答

1

結賬jQuery UI Tabs;這將做你正在尋找的東西。使用純CSS來做這件事是不可能的。

+0

THX,我一直在尋找的就是把表中的div和顯示和隱藏CSS的顯示屬性來顯示/隱藏表,但所有表都在同一時間 – dhaval 2009-06-08 06:22:09

0

就在我頭頂,看看有些Javascript工具包必須提供。像jQuery和少數插件或Dojo的東西在Dijit庫中可能有類似的東西。