在jQuery DataTable初始化中動態設置行onclick事件

Question

我正在使用調用我的控制器函數的ajax將數據加載到表中。當選擇新頁面或對列進行排序時，我使用ajax將數據重新加載到相同的原始控制器功能。這是爲了讓我不用馬上加載所有的物品，只在需要的時候才加載。我想讓每一行都有一個onclick的javascript函數，我可以從那個被點擊的行獲取列信息。有任何想法嗎？控制器函數根據用戶想要查看的結果範圍以及排序順序獲取我的數據。

我唯一的javascript代碼如下：

<script> 
    $(function() { 
     var oTable; 
     oTable = $('#tblItemModel').DataTable({ 
      "serverSide": true, 
      "paginate": true, 
      "ajaxSource": "/Finance/ItemListAjax", 
      "processing": true, 
      "serverMethod": "GET", 
      "displayLength": 50 
     }); 
    }) 
</script> 

我的HTML如下：

<table class="table table-striped at-table" id="tblItemModel"> 
     <thead> 
      <tr> 
       <th> 
        Id 
       </th> 
       <th> 
        @Html.DisplayNameFor(model => model.Name) 
       </th> 
       <th> 
        @Html.DisplayNameFor(model => model.ListPrice) 
       </th> 
       <th> 
         @Html.DisplayNameFor(model => model.DiscountPrice) 
       </th> 
      </tr> 
    </thead> 
    <tbody class="mousechange"></tbody> 
</table> 

Answer 1

我通常以這種方式工作，當您連續單擊獲取數據...

DataTable中（）

$('#tblItemModel tbody').on('click', 'tr', function() { 

     var pos = oTable.fnGetPosition(this); 
     var row = oTable.fnGetData(pos);//row = It contains all the data in that row 

    }); 

for DataTable（）

$('#tblItemModel tbody').on('click', 'tr', function() { 

     var pos = oTable.row(this).index(); 
     var row = oTable.row(pos).data();//row = It contains all the data in that row 

    });