<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:forEach>
需要注意的点:
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:注意#,%{},%{#}以及${},要区分开来