在 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

    });

对于数据表（）

    $('#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

    });