[英]Javascript code to struts2
如何使用struts2標記庫編寫以下代碼。 因為struts2有許多標簽,如迭代器,如果等,但是如何使用它來實現下面的代碼呢?
我們如何在struts2標簽中初始化變量,然后如何應用增量或減量操作,如下所示的代碼?
int j=-1;
for(int i=0;i<4;i++)
{
j++;
if(j==0)
{
}
if(j==1)
{
}
if(j==2)
{
j=-1;
}
}
這是我的jsp頁面,我在scriplet標簽中使用了java代碼
<h3>Our Latest Projects</h3>
<%! int j = -1; %>
<%
for (int i = 0; i < 4; i++) {
j++;
%>
<% if (j == 0) { %>
<div class="wrapper">
<article class="grid_4 alpha">
<h4 class="p2">Project 1</h4>
<figure><a href="#"><img class="img-border" src="images/page4-img1.jpg" alt=""/></a></figure>
<div class="box" style="height: 20px; width: 257px;">
<div class="padding">
<a href="#">View Details</a>
</div>
</div>
</article>
<% } %>
<% if (j == 1) { %>
<article class="grid_4">
<div class="indent-left4">
<h4 class="p2">Project 2</h4>
<figure><a href="#"><img class="img-border" src="images/page4-img2.jpg" alt=""/></a></figure>
<div class="box" style="height: 20px; width: 257px;">
<div class="padding">
<a href="#">View Details</a>
</div>
</div>
</div>
</article>
<% } %>
<% if (j == 2) { %>
<article class="grid_4 omega">
<div class="indent-left3">
<h4 class="p2">Project 3</h4>
<figure><a href="#"><img class="img-border" src="images/page4-img3.jpg" alt=""/></a></figure>
<div class="box" style="height: 20px; width: 257px;">
<div class="padding">
<a href="#">View Details</a>
</div>
</div>
</div>
</article>
</div>
<br><br>
<% j = -1; %>
<% } %>
<% } %>
這悲劇。
這是除了article > div
樣式之外的所有內容,因為它不清楚它是如何與其他任何東西相關的; 你應該能夠根據這段代碼的其余部分弄清楚它。
<div class="wrapper">
<s:iterator begin="1" end="#session.count" status="stat">
<s:set var="artClass" value="#stat.first ? 'alpha' : #stat.last ? 'omega' : ''" />
<article class="grid_4 <s:property value="#artClass"/>">
<div> <!-- Not really sure what you want here for the class. -->
<h4 class="p2">Project <s:property value="#stat.count"/></h4>
<figure><a href="#"><img class="img-border" src="images/page4-img<s:property value="#stat.count"/>.jpg" alt=""/></a></figure>
<div class="box" style="height: 20px; width: 257px;">
<div class="padding">
<a href="#">View Details</a>
</div>
</div>
</div>
</article>
</s:iterator>
</div>
此外,如果“alpha”和“omega”用於第一列和最后一列,而不是列表中的第一個/最后一個項,則需要稍微更改一下。 就個人而言,我會將列表拆分為Java代碼中的三個列表並進行雙重迭代:
<s:iterator value="listOfLists" var="list">
<s:iterator value="list" status="stat">
<s:set var="artClass" value="#stat.first ? 'alpha' : #stat.last ? 'omega' : ''" />
<article class="grid_4 <s:property value="#artClass"/>">
<div> <!-- Not really sure what you want here for the class. -->
<h4 class="p2">Project <s:property value="#stat.count"/></h4>
<figure><a href="#"><img class="img-border" src="images/page4-img<s:property value="#stat.count"/>.jpg" alt=""/></a></figure>
<div class="box" style="height: 20px; width: 257px;">
<div class="padding">
<a href="#">View Details</a>
</div>
</div>
</div>
</article>
</s:iterator>
<br/><br/> <!-- Use CSS. -->
</s:iterator>
您還可以將其封裝在自定義標記和實用程序方法中,並使事情變得非常干凈。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.