5

jspページに動的な値をテーブル形式で表示できます。マウスオーバー/ホバー関数（jQuery）を実装して、テーブル（jspページ）の各行の詳細を表示したいと思います。ここにコード：

<table name="table" id="table" class="table" cellpadding="4" cellspacing="2" border="1" bgcolor="" >
<tr>
<th><input type="checkbox" name="allCheck" onclick="selectallMe()"></th>
<th>Emp ID</th>
<th>Emp Name</th>
</tr>
<tr class="tr" id="tr">
<%while(rs.next()){ %>
<td><input type="checkbox" name="chkName" onclick="selectall()"></td> 
<td><input type="text"  name="empId" value="<%= rs.getString(1)%>" disabled="disabled"  maxlength="10"></td>
<td><input type="text"  name="empName" value="<%= rs.getString(2)%>" disabled="disabled" maxlength="10"></td>
</tr>
<% } %>
</table>

このためには、jQuery DataTableとmouseover（）/hoverなどを使用する必要がありますか。

正しい方法は何ですか？

4

1 に答える 1

4

マウスホバーについて詳しく説明している次のリンクをご覧ください。

http://jqfaq.com/how-to-highlight-rows-in-a-table-on-mouse-hover/

上記のリンクで使用されている_mousehoverの行の詳細を簡単に取得できます。そして、あなたはそれを示すことができます。ツールチップで表示しますか？

編集：マウスホバーのツールチップでtr情報を使用する方法は次のとおりです。

// Do this in _mousehover
$currentRow = $(event.target).closest('tr');
$currentRow.attr("title", $currentRow.attr("id"));

注：そのサンプルには、trのIDがありません。だから、あなたはそれを追加する必要があります。

于 2012-06-06T05:59:28.420 に答える