如何使用鍵盤箭頭鍵操作jQuery數據錶行

Question

如何使用鍵盤箭頭鍵操作數據表（jQuery插件）行。我做了一件事

var oTable; 
    $("#customerdata tbody").click(function(event) { 
      $(oTable.fnSettings().aoData).each(function(){ 
        $(this.nTr).removeClass('row_selected'); 
      }); 
      var row = $(event.target.parentNode); 
      row.addClass('row_selected'); 
      var custid=row.find('td:first').text(); 
      if(custid!="No data available in table"){ 
       $('#cust_id').val(custid); 
      $('#customerdata_filter input').val(''); 
      $("#editmodal").dialog("close");} 
    });   

    oTable = $("#customerdata").dataTable({ 
    "bJQueryUI": true, 
      "bLengthChange": false, 
      "bPaginate": false, 
    "sPaginationType": "full_numbers", 
      "bProcessing": true, 
    "bServerSide": true, 
      "sScrollY": "260px", 
    "sAjaxSource": "/SrikanthTest/customer.do?type=showMinCustomerDetails" 
}); 

但我不知道如何操作光標在行上。

Answer 1

---

我認爲你正在尋找類似的東西，但我需要更多的上下文來確定。

$(document).keydown(function (event) { 
    switch(event.keyCode) 
    { 
     var currentRow = $(".row_selected").get(0); 
     //arrow down 
     case 40: 
      $(currentRow).next().addClass("row_selected"); 
      $(currentRow).removeClass("row_selected"); 
      break; 
     //arrow up 
     case 38: 
      $(currentRow).prev().addClass("row_selected"); 
      $(currentRow).removeClass("row_selected"); 
      break; 

    } 
}); 

Answer 2

我已與動態加載分頁表在這個 jQuery dataTables and selecting a row

但也工作的例子，我用可用性Tab鍵。我相信很容易將一個換成另一個。