how operate datatable(jquery plugin) rows keyboard arrow keys. did something
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" });
but don't know how operate cursor on rows.
i think looking this, need more context sure.
$(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 case 38: $(currentrow).prev().addclass("row_selected"); $(currentrow).removeclass("row_selected"); break; } });
Comments
Post a Comment