2013-02-04 103 views
1

DataTables網站here上有一個示例,其中顯示了在單擊時實施的多項選擇。通過按Ctrl +單擊來選擇多個DataTable行

此功能的實用性相當少,因爲通過按住Ctrl並單擊該行,可以更好地呈現多項選擇。

源代碼太混亂,無法徹底研究。有沒有人這樣做過,並指出我正確的方式?

回答

1

只需在TR中添加一個單擊事件並切換一個「選定」類(可以是任何類名稱或屬性,關鍵方面是使用event.ctrlKey來檢查控制鍵是否關閉並使用jquery。兄弟姐妹()和.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/

相關問題