在Jquery Datatables中从Hyperlink中检索行元素数据

时间:2012-08-30 16:01:04

标签: javascript jquery datatables

我是Jquery Datatables的新手。我设法创建一个表并添加一些元素。 这是What I have got

我想触发表格中超链接的鼠标点击事件,并检索某行数据表中的数据。如点击超链接的行的“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 个答案:

答案 0 :(得分:1)

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

这是updated example