網頁

2010年3月17日 星期三

【XUL】tabbox, tabs, tab, tabpanels, tabpanel 實作。

tabbox, tabs, tab, tabpanels, tabpanel 全都是"標籤"的物件。

結構如下:

<tabbox selectedIndex="1">
   <tabs>
      <tab label="第0個標籤"/>
      <tab label="第1個標籤"/>
   </tabs>
   <tabpanels>
      <tabpanel>
         <!--這裡就是放第0個標籤裡的內容-->
      </tabpanel>
      <tabpanel>
         <!--這裡就是放第1個標籤裡的內容-->
      </tabpanel>
   </tabpanels>
</tabbox>



標籤用途:
tabs:標籤名稱(下圖紅色區域)。
tabpanel:各標籤的內容區塊(下圖藍色區域)。



※selectedIndex是預設選擇第幾個標籤,數值從0開始。
<tabbox id="myTabList" selectedIndex="3">
  <tabs>
     <tab label="AAA"/>
     <tab label="BBB"/>
     <tab label="CCC"/>
     <tab label="DDD"/>
  </tabs>
 
  <tabpanels height="250px">
      <!--AAA-->
     <tabpanel>
        <label value="AAA"/>
     </tabpanel>
   
     <!--BBB-->
     <tabpanel>
        <label value="BBB"/>
     </tabpanel>
   
     <!--CCC-->
     <tabpanel>
        <label value="CCC"/>
     </tabpanel>
   
     <!--DDD-->
     <tabpanel>
        <label value="DDD"/>
     </tabpanel>
   </tabpanels>
</tabbox>

沒有留言:

張貼留言