私は自分の Web サイトで作業しており、データベースからポートフォリオ オブジェクトを印刷しようとしています。それらを印刷するページにはページネーションがあります。
次のタグが使用されている場合、スクリプトを使用して新しいページを作成します。
<div class="pics">
...
</div>
上記の div 内には、最大 8 個のアンカー タグのみを配置する必要があります。アンカー タグは特別なものではなく、<s:property>
タグを使用しますが、それだけです。
この機能を実現するために、次のことを試しました。
<c:set var="counter" value="0"/>
<s:iterator value="allPortfolio">
<c:if test="${(counter mod 8) == 0}">
<div class="pics">
</c:if>
<a href="<s:property value="filename">">Download</a>
<c:if test="${(counter mod 8) == 0}">
</div>
</c:if>
<c:set var="counter" value="${counter+1}"/>
</s:iterator>
ただし、このコードでは 11 ページ (データベース内のポートフォリオ オブジェクトごとに 1 ページ) が作成されます。最初に 8 項目、2 番目に残りの 3 項目を含む 2 ページのみを作成する必要があります。
言い換えれば、2つだけあるはずです
<div class="pics">
...
</div>
1 つには 8 つのアンカー タグが、もう 1 つには 3 つのアンカー タグが含まれています。
代わりに、ページが読み込まれると次のコードが作成されます。
<div class="pics">
<a href="1ba918625bca57f6e059c2d05393010b04da5ed6.png">Download</a>
</div>
<a href="ec49d4ca243a481b7fa819dfea783e0dd8f5a431.jpg">Download</a>
<a href="1b4ab5a3bebdf88045ef3818e852185c86e33048.png">Download</a>
<a href="e12eaed32a97bb78ddd863696ca510d943c4d978.png">Download</a>
<a href="2b6ee029b3fcef21b0a220a6b14de16206ce588b.png">Download</a>
<a href="e3e94e7ac6bfb09ca012d30912525848f2d361ed.png">Download</a>
<a href="f07e24b31fb65e38aa3d4bbe97a24a71c281aae7.png">Download</a>
<a href="dd41b536ca45642fa9827311498b9480d6df9be8.png">Download</a>
<div class="pics">
<a href="a2ad0d4b73daa3311e9f9b16dcd7d9476cd6e748.png">Download</a>
</div>
<a href="45fa47125a5dfe3608d6d80fb0a9ba1f5c444264.png">Download</a>
<a href="ee9b1571aa22e935772792ac363cc95e2a77bdfd.png">Download</a>