2017-08-07 14 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> 

今、私がしたいことはある:それはそのレコードを編集するために別のページにリダイレクトされる行をクリックしたとき。

私の質問は、基本的にどのようにJSP /サーブレットを使用して別のページに "trabajador"のIDを渡すことができますか?

また、どのようにJSPはすべて

の間、私は意味 "$ {trabajador.id_trabajador}"

を区別することができますが、どのように異なる値が同じ値の名前で識別することができますか?

だから、私は私がGetメソッドを呼び出すJavaScript関数を必要とすると仮定したい、私はすでに行のクリッカブル作る機能があります。

<script type="text/javascript"> 
$(document).ready(function($) { 
    $(".table-row").click(function() { 
     window.document.location = $(this).data("href"); 
    }); 
}); 
</script> 

レコード自体を編集し、私は、問題ではありませんすでに必要なコードを持っているので、コントローラにそのIDを渡すだけです。

ありがとうございます。

答えて

1

IDを渡すための最良のオプションは、

<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

は完全に働いた、

<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の編集リンクに新しい列を追加することで、ありがとう! – Erin