datatables 获取某一行的json数据

最新推荐文章于 2024-06-19 15:39:20 发布

loopeng1

最新推荐文章于 2024-06-19 15:39:20 发布

阅读量3.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： datatables html

本文链接：https://blog.youkuaiyun.com/loopeng1/article/details/77882276

前端专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

操作那一列是这样写的

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

点击出发οnclick="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");
    }

效果图