1. 程式人生 > >對c:forEach的資料,雙擊修改,回車提交的實現

對c:forEach的資料,雙擊修改,回車提交的實現

<c:forEach items="${student_list}" var="student" varStatus="status">

            <tr>
                <td><input id="SId${status.count}" value="${student.SId}"
                    readonly="readonly"></td>
                <td><input id="SName${status.count}" type
="text" value="${student.SName}" readonly="readonly" ondblclick="changeReadOnly('SName${status.count}')" onkeydown="if(event.keyCode==13) {saveChange('SName',${status.count});return false;}"> </td> <td><input id="nation${status.count}
"
type="text" value="${student.nation}" readonly="readonly" ondblclick="changeReadOnly('nation${status.count}')" onkeydown="if(event.keyCode==13) {saveChange('nation',${status.count});return false;}"> </td> </tr> </c:for
Each>

需要注意的點:
1、foreach的屬性varStatus=”status”
2、input的屬性id="SId${status.count}",這樣就可以在迴圈中仍然保持每一行id的唯一性
3、ondblclick="changeReadOnly('SName${status.count}')"將id以引數的形式傳遞,方便js的處理
4、onkeydown="if(event.keyCode==13) {saveChange('SName',${status.count});return false;}獲取鍵盤的回車事件,對空間的資料進行修改。

接下來就是對頁面的資料進行傳遞,用JQuery.ajax進行非同步資料的處理。然後用ajax將Action返回的頁面以html的形式,插入到指定的div中。

PS:注意#,%{},%{#}以及${},要區分開來