HTML表格,编辑记录单独
问题描述:
我有一个充满了数据库信息的HTML表:HTML表格,编辑记录单独
<sql:setDataSource
var="myDS"
driver="com.mysql.jdbc.Driver"
url="jdbc:mysql://localhost:3306/base_final"
user="root" password="Valeria"
/>
<sql:query var="listaTrabajadores" dataSource="${myDS}">
SELECT * FROM trabajador;
</sql:query>
<div class="well form-horizontal">
<table class="table table-responsive">
<label class="control-label">Lista de trabajadores</label>
<tr>
<th>ID</th>
<th>Nombre</th>
<th>Tipo de trabajador</th>
<th>Nombre de Usuario</th>
</tr>
<c:forEach var="trabajador" items="${listaTrabajadores.rows}">
<tr class="table-row"data-href="http://tutorialsplane.com">
<td style="cursor: pointer; color: blue;"><c:out value="${trabajador.id_trabajador}" /></td>
<td style="cursor: pointer; color: blue;"><c:out value="${trabajador.nombre}" /></td>
<td style="cursor: pointer; color: blue;"><c:out value="${trabajador.tipo_trabajador}" /></td>
<td style="cursor: pointer; color: blue;"><c:out value="${trabajador.usuario}" /></td>
</tr>
</c:forEach>
</table>
</div>
现在,我要的是:在点击一个行会重定向到另一个页面,编辑记录时。
我的问题基本上是如何将“trabajador”的ID传递给使用JSP/Servlets的另一个页面?
另外,如何能在JSP所有
之间的 “$ {} trabajador.id_trabajador” 区分
我的意思是,如何不同的值相同的值名称来识别?
所以,我想想我需要一个JavaScript函数调用get方法,我已经有一个功能,使行可点击:
<script type="text/javascript">
$(document).ready(function($) {
$(".table-row").click(function() {
window.document.location = $(this).data("href");
});
});
</script>
编辑记录本身不是问题,我已经有必要的代码来做到这一点,我只需要将该ID传递给控制器。
在此先感谢。
答
通过ID最佳选择,是与编辑联系
<tr class="table-row"data-href="http://tutorialsplane.com">
<td style="cursor: pointer; color: blue;"><c:out value="${trabajador.id_trabajador}" /></td>
.........whatever..........
<td ><a class="tbl-row-edit" data-id="put unique id here">Edit</a></td>
</tr>
然后jQuery中添加新列,
<script type="text/javascript">
$(document).ready(function($) {
$(".tbl-row-edit").click(function() {
window.location.href = "http://domain/edit.jsp?unique_id="+$(this).attr("data-id");
});
});
</script>
完美工作,谢谢! – Erin