如何获取数据表中的行数据答案

【问题标题】：how to get the row data in data table如何获取数据表中的行数据
【发布时间】：2016-06-17 11:41:33
【问题描述】：

我处于一种情况，我正在尝试从数据表中获取特定行的数据。我是 dataTable 的新手。

情况就是这样，
下面是图片中显示的我的数据表内容。

下面是我的数据表的代码

$(document).ready(function() {

    var table =$('#example').dataTable({
    	
    	"processing": true,
  	  "ajax": {
  		  		"url":'/myWeb/Controller/getUserList',
  		  		"dataSrc":""
  	  		   },	  		   
  	  "columns": [
  	              { "data": "userName"},
  				  { "data": "roles" },
  				 
	  				
	  				
  			          {
	                  data:   "userName",
	                  render: function ( data, type, row ) {	
	                	 
	                      if ( type === 'display' ) {
	                          return '<button type="button" id='+data+' class="btn btn-default btn-sm"  data-toggle="modal" data-target="#editUser" data-whatever="@getbootstrap()" onclick="getUserName(this.id)" > <span class="glyphicon glyphicon-pencil"></span> Edit </button>';	                         
	                      }
	                      //alert(data);
	                      return data;
	                  }
	              },
	              {
	            	  data :	"userName",
	                      if ( type === 'display' ) {
	                          return '<button type="button" id='+data+' class="btn btn-default btn-sm" onclick="countUserRecord(this.id)"> <span class="glyphicon glyphicon-trash"></span> Delete </button>';	                         
	                      }
	                      //alert(data);
	                      return data;
	                  }
	              }
  	             	          
  	          	],
    "paging":   false,
    "info":     false,
    "filter":   false,
    "sort":		false
    
    });
} );

在我传递用户名时的删除按钮上，我也想传递角色，所以我尝试了这个

role = row.roles;
userName = row.userName;
status = row.status;
alert("username :"+userName+" role: "+role);

但是当我这样做时，我会为每个用户获得不同的角色。它给了我错误的用户角色。

下面是我从 DB 获得的 Json 结构。

[
{"userName":"admin",
"password":null,
"roles":"Admin",
"status":"Active",
"email":"emailAdmin"},

{"userName":"varun",
"password":null,
"roles":"User",
"status":"Active",
"email":"emailVarun"},

{"userName":"bob",
"password":null,
"roles":"Admin",
"status":"Active",
"email":"undefined"}
]

我想要做的是当我点击删除用户按钮时，它也应该传递用户名和角色，我该怎么做，

【问题讨论】：

标签： jquery datatable

【解决方案1】：

这应该可以解决问题：

$('table').on('click','.addDeleteClassToDeleteBtns',function(){
     var containerRow = $(this).parents('tr');
     var userName    = containerRow.find('td:first-child').html();
     var role         = containerRow.find('td:nth-child(2)').html();
     alert(role+' '+userName);
});

或

function countUserRecord(deleteId){
     var containerRow = $('#deleteId').parents('tr');
     var userName    = containerRow.find('td:first-child').html();
     var role         = containerRow.find('td:nth-child(2)').html();
     alert(role+' '+userName);
}

您可以编辑选择器以更好地适应您的代码。

【讨论】：