2017-08-07 70 views
0

我有一個充滿了數據庫信息的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傳遞給控制器​​。

在此先感謝。

回答

1

通過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