单击JQuery DataTable Cell

Question

我试图在jquery datatable上实现一个函数,它返回一个被点击的行的第一列和第四列

我正在关注这个例子,它允许我操纵一个点击的行 http://datatables.net/examples/api/select_single_row.html

以为我可以更改此处理程序来执行读取单元格值过程并在我自己的逻辑上使用该值

/* Add a click handler to the rows - this could be used as a callback */
$("#example tbody").click(function(event) {
    $(oTable.fnSettings().aoData).each(function (){
        $(this.nTr).removeClass('row_selected');
    });
    $(event.target.parentNode).addClass('row_selected');
});

我还从dataTable论坛http://datatables.net/forums/comments.php?DiscussionID=1384&page=1#Item_0来了解这个小代码段.

$('#example tbody tr').click( function () {
    // Alert the contents of an element in a SPAN in the first TD
    alert( $('td:eq(0) span', this).html() );
} );

我可以有任何指针,所以我可以得到点击字段的第1和第4列？

下一部分 我已经解决了上述问题,谢谢

但是我有下一部分问题.当我初始化我使用的表

/* Init the table */
    oTable = $('#filetable').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "/crvWeb/jsonFileList.do",
        "fnServerData": function ( sSource, aoData, fnCallback ) {
            $.ajax( {
                "dataType": 'json', 
                "type": "POST", 
                "url": sSource, 
                "data": aoData, 
                "success": fnCallback
            } );
        }
    } );

我的servlet接受一个dir请求参数,并将一个列表作为json响应返回给数据表.

/crvWeb/jsonFileList.do

我如何添加并获得邮件请求的serlvet响应,以便我可以更新我的表？

Answer 1

你可以.delegate()在这里使用最简单的,如下所示:

$("#example tbody").delegate("tr", "click", function() {
  var firstCellText = $("td:first", this).text();
  var fourthCellText = $("td:eq(3)", this).text();
});

您可以在这里试用一个演示

With 指的是那是我们正在处理的点击,让事情变得更加清晰......而且它仍然只是一个级别的事件处理程序,而不是每个处理器..delegate() this<tr><tbody><tr>