javascript - 如何在JSP中很好地拆分表格

Question

我已经创建了一个表来显示一个部门的书籍注销/ checkin 。排序依据:姓名、日期。每隔一段时间(在进行一些 checkin 和 checkout 之后)对书籍进行盘点以确认有多少可用(并根据需要更正数量)。

我目前有一个表格，显示按名称、日期排序的所有书籍。但由于有很多行，我希望有一个基于此类书籍的清点时间的可折叠部分。

期望:

Name |  Date | Count | Action
-----------------------------
- First Foo Section -
Foo    SomeD     +3    check-in
Foo    SomeD     -1    check-out
Foo    SomeD     5     inventoried
+ Another Foo Section
+ Bar Section

当前代码:

<c:forEach var='item' items='${bookLogs}'>
            <tr>
                <td>${f:replaceNewLineWithBR(f:escapeHtml(item.name))}</td>
                <td><c:out value='${item.date.formattedValue}'/></td>
                <td>${f:replaceNewLineWithBR(f:escapeHtml(item.count))}</td>
                <td>${f:replaceNewLineWithBR(f:escapeHtml(item.actionType))}</td>
            </tr>
    </c:forEach>

我应该对 item.actionType 进行测试吗？或者我应该将 bookLogs 作为表中不同折叠部分的列表列表传递吗？

Answer 1

我上面的评论没有回答你的问题，但这里有一个关于如何做的教程 http://www.a2ztechguide.com/2011/07/javascript-expand-collapse-table-rows.html .

我很久以前用数据库做过这个，现在我们使用 xml 并显示我们需要的东西一点也不好玩。

上面的链接做得很好，解释了如何使用 javascript 进行展开和折叠。您上面的代码在正确的轨道上，但还没有完全正确。