datatables 获取某一行的json数据

最新推荐文章于 2025-09-08 12:17:04 发布

原创最新推荐文章于 2025-09-08 12:17:04 发布 · 3.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#datatables #html

前端专栏收录该内容

3 篇文章

订阅专栏

当点击Datatables中的'查看操作日志'时，需要获取当前行的userId以便进一步查询数据库。在操作列中设置相应处理，利用this关键字可以实现对userId的获取。附带相关操作的截图展示。

比如我点击"查看操作日志" 要获取到这一行的数据里面的userId 再去通过userId 查数据库

操作那一列是这样写的

{"mData": null, "sTitle": "操作", "sClass": "right", "bSortable": true,"sWidth":"90px",
            "fnRender": function (obj) {
              return '<span class="label label-sm label-success" onclick="findOpe(this);" style="cursor: pointer;">查看操作日志</span>';
            }
          },

点击出发onclick="findOpe(this)";

通过this可以用如下方法获取userId

function findOpe(_this){
      var nRow = $(_this).parents('tr')[0];//得到这一行
      var aData = $("#sample_1").dataTable().fnGetData(nRow);//得到这一行的json数据
      var userId = aData.userId;//得到userId
      //后面不用管,是生成模态框中的表 然后显示模态框
      initOpeTable(userId);
      $("#opelog").modal("show");
    }

效果图