2012-08-30 108 views
2

我是Jquery Datatables的新手。我设法创建了一个表并添加了一些元素。 这是What I have got从超链接检索行元素数据点击jQuery数据表

我想触发我的表中的超链接上的鼠标点击事件,并检索某些行的数据表中的数据。如点击超链接行的“blockid”。我该怎么做?

请指教。谢谢!

$(function() { 
$('#tbl_datablocks').dataTable({ 
     "aoColumns": [ 
      { "sTitle": "blockid","sName": "blockid"}, 
      { "sTitle": "Name" }, 
      { "sTitle": "Created Time" }, 
      { "sTitle": "Updated Time", "sClass": "center" }, 
      { "sTitle": "Updated Time", "sClass": "center" } 
      ] }); 


$('#tbl_datablocks').dataTable().fnAddData(["id1","data1","data2","data3","<a href='#' class='retrievedata' onclick='retrievedata(this)'>Read</a>"]); 
$('#tbl_datablocks').dataTable().fnAddData(["id2","data1","data2","data3","<a href='#' class='retrievedata' onclick='retrievedata(this)'>Read</a>"]); 
}); 

function retrievedata(which) 
{ 
    alert($(which).parents("tr")); 
} 
​ 

回答

1

您是否考虑过使用数据属性?创建锚点<a>时,请使用正确的值添加属性data-blockid。当jQuery注册点击事件时,您可以使用$(this).data("blockid")来获取该值。

这里是一个updated example