webwork iterator標籤的用法

舟之橋發表於2013-01-18

SP中結果集顯示如下:

  1.     <ww:iterator value="resultList" status="status">
  2.     <tr class="<ww:if test="#status.even">row-even</ww:if><ww:else>row-odd</ww:else>">
  3.         <td>
  4.                <ww:property value=""/>
  5.         </td>
  6.     </tr>
  7.     </ww:iterator>

樣式表可以參考:

  1. .row-even{background:#def7c2;}  /*偶數行樣式*/
  2. .row-odd{background:#c8e7a6;}   /*奇數行樣式*/

除了使用#status.even判斷是否偶數行外,還有其他幾個屬性可以使用:

1:#status.odd        是否奇數行

2:#status.count    當前行數

3:#status.index    當前行的序號,從0開始『#status.count=#status.index+1』

4:#status.first     是否第一行

5:#status.last      是否最後一行

6:#status.modules(int)  當前行數取模


巢狀迴圈的用法:

  1. <ww:iterator value="yesePrograms" status="outer">  
  2.     <li>  
  3.        <ww:iterator value="programsOfRole" status="rowstatus">  
  4.             <ww:if test="id == [1].id">  
  5.               <input type="checkbox" id="pid" name="pid" checked="checked" 
  6. value="<ww:property value="id"/>" />  
  7.             </ww:if>  
  8.        </ww:iterator>  
  9.        <input type="checkbox" id="pid" name="pid" value="<ww:property value="id"/>" />  
  10.        <ww:property value="title"/>  
  11.      </li>  
  12. </ww:iterator>  

關鍵程式碼為 

Java程式碼  收藏程式碼
  1. <ww:if test="id == [1].id">  

在值棧中 [0]表示棧頂元素,如果不寫則預設為棧頂; [1]為第二個元素 依次類推 
外層跟內層都有一個id屬性 
第一個id表示內層迴圈的id 
[1].id表示外層迴圈的id 


這裡也講解巢狀的使用:


頁面的程式碼為:測試用的

、//進入一級遍歷

<ww:iterator value="result"/>


<!--一級list的長度-->
<ww:property value="top.length"/>

//進入二級遍歷


<ww:iterator value="top[0]">


<!--二級list的長度-->
<ww:property value="top.length"/>

<ww:property value="top[0].productId"/>
<ww:property value="top[1].price"/>
<ww:property value="top[2].intro"/>
<ww:property value="top[3].productId"/>
<!--在二級遍歷中,取一級中的資料--加個[1],同樣的道理,如果是從三級跳到一級,那就[2]
  不過有個問題,如是查從-->
跳出來<ww:property value="[1].top[1]"/>
</ww:iterator>

//下面在一級目錄,由於它不是list物件,是個String故不用<ww:iterator value="top[1]">


<ww:property value="top[0].productId"/>   
</ww:iterator>


原文連結:http://edu.gamfe.com/tutor/d/8275.html



相關文章