如何使用键盘箭头键操作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键。我相信很容易将一个换成另一个。