ここの DataTables Web サイトには、1 回のクリックで複数の選択が実装されている例があります。
行を押したままCtrlクリックすることで複数選択がより適切に表示されるため、この機能の使いやすさはかなり劣ります。
ソース コードがわかりにくすぎて、よく調べられません。誰かがこれを以前に行って、正しい方法を教えてくれましたか?
ここの DataTables Web サイトには、1 回のクリックで複数の選択が実装されている例があります。
行を押したままCtrlクリックすることで複数選択がより適切に表示されるため、この機能の使いやすさはかなり劣ります。
ソース コードがわかりにくすぎて、よく調べられません。誰かがこれを以前に行って、正しい方法を教えてくれましたか?
TRにクリックイベントを追加し、「選択した」クラスを切り替えます(任意のクラス名または属性にすることができます。重要な側面は、event.ctrlKeyを使用してコントロールキーが押されているかどうかを確認し、jqueries .siblings()を使用して.removeClass() 関数。
$("#demo tbody").delegate("tr", "click", function(event){
var $row = $(event.target);
if($row[0].tagName !== "TR") $row = $row.parent();
$row.toggleClass("selected");
if(event.ctrlKey === false) {
$row.siblings().removeClass("selected");
}
});