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> 
+0

完美工作,谢谢! – Erin