如何为循环使用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"%>