I'm trying to do an UPDATE function by using Jquery modal dialog box to pass the values to the controller. However, I'm displaying my values in a HTML table box, is there a way to pass the values from the table row to the modal box? I want to do it in a way when i click the row, the values will be displayed in the modal. I'm also unsure of how to link a jquery dialog box to a table row.
This is the table
These are the codes for it
<form id="searchtable" >
<%--List Table--%>
<table border = 1 cellpadding = 2 cellspacing = 2 id="normal">
<tr>
<th width=9.7%>ID</th>
<th width=24%>Username</th>
<th width=13%>Account ID</th>
<th width=29%>Email</th>
<th width=10%>User ID</th>
<th width=12%>Device ID</th>
</tr>
</table>
<div style="height: 250px; overflow: scroll; width: 100%;">
<table id="normal">
<g:each in = "${result}">
<tr>
<td width=10%>${it.ID}</td>
<td width=25%>${it.Username}</td>
<td width=13.5%>${it.account_id}</td>
<td width=30.5%>${it.email}</td>
<td width=10.5%>${it.user_id}</td>
<td width=13%>${it.device_id }</td>
</tr>
</g:each>
</table>
</div>
</form>
This is an example of the dialog box of how it should appear
Thank you guys so much. If needed, I can provide you guys with the codes.
use .btn class to your tr and inclose your username value to
your jquery should
if you click the tr, it will find its child with class "username" and will get the data for you.