单击按钮更改表列标题

时间:2011-04-30 12:11:09

标签: jsp

<%@include file="/WEB-INF/jsp/include/pagedirectives.jsp"%>

<div style="background: #D6E8FF; padding: 10px;" class="advanced_search">
<%@include file="/WEB-INF/jsp/include/page.topmessagebox.jsp"%>

<table class="form" cellspacing="0" id="requestSubmissionEform">
    <tbody>
        <tr>
            <td class="label"><b>Label</b></td>
            <td class="label" align="left"><b>Form 1</b></td>
            <td class="label" align="left"><b>Form 2</b></td>
            <td class="label" align="left"><b>Form 3</b></td>
            <td class="label" align="left"><b>Form 4</b></td>
            <td class="label" align="left"><b>Form 5</b></td>
        </tr>
        <c:forEach items="${eformDetailsList}" var="eformDetails"
            varStatus="status">

            <tr id="serviceTypeWithEform">
                <td class="label"><label for="${eformDetails.id}_0"><c:out
                    value="${eformDetails.label}" /></label> <input type="hidden"
                    id="label_${eformDetails.id}_0" value="${eformDetails.label}"
                    name="label_0"></input> <input type="hidden"
                    id="index_${eformDetails.id}_0" value="${eformDetails.id}"
                    name="index_0"></input></td>
                <c:if test="${eformDetails.controlType==1}">
                    <td id="Col0" style="visibility: visible;"><input
                        id="eformDetail_${eformDetails.id}_0" class="eformDetail"
                        type="text" value="" name="form_0"></input></td>
                    <td id="Col1" style="visibility: visible;"><input
                        id="eformDetail_${eformDetails.id}_1" class="eformDetail"
                        type="text" value="" name="form_1"></input></td>
                    <td id="Col2" style="visibility: visible;"><input
                        id="eformDetail_${eformDetails.id}_2" class="eformDetail"
                        type="text" value="" name="form_2"></input></td>
                    <td id="Col3" style="visibility: visible;"><input
                        id="eformDetail_${eformDetails.id}_3" class="eformDetail"
                        type="text" value="" name="form_3"></input></td>
                    <td id="Col4" style="visibility: visible;"><input
                        id="eformDetail_${eformDetails.id}_4" class="eformDetail"
                        type="text" value="" name="form_4"></input></td>
                </c:if>
            </tr>

        </c:forEach>
        <c:if test="${empty eformDetailsList}">
            <tr id="serviceTypeWithNoEform">
                <td><b>There is no eform associated with this Service Type</b></td>
            </tr>
        </c:if>

    </tbody>
</table>

此页面将有2个按钮(上一个和下一个)。点击下一步我想要将列标题更改为6,7,8,9,10,以便进一步点击。请帮忙!

1 个答案:

答案 0 :(得分:0)

根据当前页面动态打印它们,从页面索引0开始。在每个下一个按钮上,按页面索引增加1。

<tr>
    <th>Label</th>
    <th>Form ${(page * 5) + 1}</th>
    <th>Form ${(page * 5) + 2}</th>
    <th>Form ${(page * 5) + 3}</th>
    <th>Form ${(page * 5) + 4}</th>
    <th>Form ${(page * 5) + 5}</th>
</tr>

(请注意,表格标题单元格由<th>表示,而不是<td>表示