我有一个 servlet,它加载一个属性文件并将 100 个测试用例名称的列表包含到一个 ArrayList 对象中。加载 servlet 后转发到 JSP,该 JSP 在表格中显示列表。该列表很长,因此我想要一些优雅的方式将其显示在表格中,以便将其分解为 JSP 上的三或四列。
我现在要做的是将列表分解为 servlet 中的三个子列表:
//load properties
Properties props = new Properties();
ArrayList<String> tests = new ArrayList<String>();
props.load(getServletContext().getResourceAsStream("/WEB-INF/sailcertifier.properties"));
Pattern pattern = Pattern.compile("[A-Z]{3}-[0-9]{2}");
for (Enumeration<Object> e = props.keys(); e.hasMoreElements();) {
String key = (String) e.nextElement();
Matcher m = pattern.matcher(key);
if (m.find())
tests.add(key);
}
Collections.sort(tests, new TestOrderComparator());
confBean.setPossibleTests(tests.toArray(new String[tests.size()]));
int third = tests.size() / 3;
List<String> testSubset1 = tests.subList(0, third);
List<String> testSubset2 = tests.subList(third, third * 2);
List<String> testSubset3 = tests.subList(third * 2, tests.size());
//store the bean as a request attribute
request.setAttribute("testSet1", testSubset1.toArray(new String[testSubset1.size()]));
request.setAttribute("testSet2", testSubset2.toArray(new String[testSubset2.size()]));
request.setAttribute("testSet3", testSubset3.toArray(new String[testSubset3.size()]));
request.setAttribute("testsConf", confBean);
request.setAttribute("certProps", props);
//forward to tests selection page
String url = "/sailcertifier/jsp/testsSelection.jsp";
RequestDispatcher dispatcher = getServletContext().getRequestDispatcher(url);
response.setContentType("application/javascript");
try {
dispatcher.forward(request, response);
} catch (ServletException e) {
e.printStackTrace();
}
在 JSP 中,我像这样遍历子列表(为每种情况添加一些 html 元素):
<table>
<tr>
<td style="width: 33%">
<table>
<tr>
<td>
<c:forEach var="testName" items="${testSet1}">
<tr>
<td><label for="${testName}" id=${testName}Label>${testName}</label></td>
<td><input id=${testName} type="checkbox" value=${testName} name="selTest"></input></td>
<td><input id=${testName}Run type="button" value="Run Test" name="runButtons" /></td>
<td><input id=${testName}ManPass type="button" value="Manual Pass" name="manPassButtons"/></td>
<td><div id=${testName}Status style="width:100px"></td>
<td></td>
<td></td>
</tr>
</c:forEach>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</td>
</tr>
</table>
</td>
<td style="width: 33%">
<table>
<tr>
<td>
<c:forEach var="testName" items="${testSet2}">
<tr>
<td><label for="${testName}" id=${testName}Label>${testName}</label></td>
<td><input id=${testName} type="checkbox" value=${testName} name="selTest"></input></td>
<td><input id=${testName}Run type="button" value="Run Test" name="runButtons" /></td>
<td><input id=${testName}ManPass type="button" value="Manual Pass" name="manPassButtons"/></td>
<td><div id=${testName}Status style="width:100px"></td>
<td></td>
<td></td>
</tr>
</c:forEach>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</td>
</tr>
</table>
</td>
<td style="width: 33%">
<table>
<tr>
<td>
<c:forEach var="testName" items="${testSet3}">
<tr>
<td><label for="${testName}" id=${testName}Label>${testName}</label></td>
<td><input id=${testName} type="checkbox" value=${testName} name="selTest"></input></td>
<td><input id=${testName}Run type="button" value="Run Test" name="runButtons" /></td>
<td><input id=${testName}ManPass type="button" value="Manual Pass" name="manPassButtons"/></td>
<td><div id=${testName}Status style="width:100px"></td>
<td></td>
</tr>
</c:forEach>
</td>
</tr>
</table>
</td>
</tr>
</table>
我承认使用三个 JSTL for 循环有点难看(还没有想出使用完整的原始列表)。有没有更简洁的方法来处理这个问题,通过使用一些 jquery 插件(如jquery grid 插件)或其他库(displaytag?)为我平均地处理分成行?