2

JqueryDatatablesは初めてです。私はなんとかテーブルを作成し、それにいくつかの要素を追加することができました。これは私が持っているものです。

テーブル内のハイパーリンクでマウスクリックイベントをトリガーし、特定の行のデータテーブル内のデータを取得したいと思います。クリックされたハイパーリンクの行の「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"));
}
​
4

1 に答える 1

1

データ属性の使用を検討しましたか? アンカーを作成するときに、正しい値を<a>持つ属性を追加します。data-blockidjQuery がクリック イベントを登録する$(this).data("blockid")と、値を取得するために使用できます。

これが更新された例です

于 2012-08-30T16:05:19.093 に答える