如何爲循環使用HTML模板

Question

裏面我有我的木偶視圖中使用的HTML模板。當我在渲染函數中調用它時，我在模板中傳遞了一個參數。我想根據參數的值添加多個div元素。如何在html模板中添加for循環？

<div id="mainArea"> 
 
    <div data-role="view"> 
 
     <div id="scrollView" data-role="scrollView" data-stretch="true"> 
 
      <div id = 'leftArrowImage' class="leftArrowImage"> 
 
      </div> 
 

 
      <div id = 'mainViewArea'></div> 
 
      <div id = 'rightArrowImage'></div> 
 
      
 
      
 
      /* I have passed a variable here named allWidgets. I want to add the number of divs(<div data-role="page" ></div>) equal to the length of allWidgets array. How do I do that*/ 
 
     </div> 
 
    </div> 
 
</div>

Answer 1

<link rel="stylesheet" type="text/css" href="Widgets/ReportWidget/styles/scrollLayout.css"/> 
 

 
<div id="mainArea"> 
 
    <div data-role="view"> 
 
     <div id="scrollView" data-role="scrollView" data-stretch="true"> 
 
      <div id = 'leftArrowImage' class="leftArrowImage"> 
 
      </div> 
 

 
      <div id = 'mainViewArea'></div> 
 
      <div id = 'rightArrowImage'></div> 
 
      <% var i; 
 
      for i in allWidgets{ %> 
 
       <div data-role="page" class="pages" > 
 
      </div> 
 
      }%> 
 
     </div> 
 
    </div> 
 
</div>

您正在使用的編程語言

Answer 2

如果你在談論（我不知道說明白的問題完全一致），你可以試試這個;

<div id="mainArea"> 
    <div data-role="view"> 
     <div id="scrollView" data-role="scrollView" data-stretch="true"> 
      <div id = 'leftArrowImage' class="leftArrowImage"> 
      </div> 
      <div id = 'mainViewArea'></div> 
      <div id = 'rightArrowImage'></div> 


      <c:forEach var="widget" items="${allWidgets}"> 
       // Here, you can add parameters about widget objects in allWidgets 
       <div data-role="page" ></div> 
      </c:forEach> 
     </div> 
    </div> 
</div> 

還必須定義下面的代碼你的JSP文件的頂部，

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>