1

ここの DataTables Web サイトには、1 回のクリックで複数の選択が実装されている例があります。

行を押したままCtrlクリックすることで複数選択がより適切に表示されるため、この機能の使いやすさはかなり劣ります。

ソース コードがわかりにくすぎて、よく調べられません。誰かがこれを以前に行って、正しい方法を教えてくれましたか?

4

1 に答える 1

1

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");
    }
});

http://jsfiddle.net/9FMBv/

于 2013-02-04T17:54:07.697 に答える