ダイナミックテーブルのフィールドにリンクを作成します

Question

このトピックはしばらくの間、Javascriptとimに慣れていません。

私は動的なjqueryテーブルを持っています。私の目標は、そのテーブル（行データ）の1行を.phpページにハイパーリンクしてクエリを作成することです。テーブルに

data  info   money   name   ID 
20161001 ...   34   test   1010 
20161002 ....   20   dddd   111 
20161003 ...   12   ....  ..... 

ユーザーは20161001または20161002を押すことができ、これがこの日

のすべての情報と詳細な表にリンクする、例えば

：

私の目的は、このようなものです

私の最初の問題は、データ配列内のオブジェクトに到達することです。

私はデータに到達しようとするたびに私得た何かのように：[オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト、オブジェクト]

私はそれらを達することができる唯一の方法からだった：

JSON.stringify(data[i]) 

私はforステートメントを作ったが、これはテーブルからすべての情報を返し、私は行のデータが必要です。私はからヘッダを取得し、私の動的テーブル用

：

var keys=[]; 

       for (var key in data[0]) { 
       keys.push(key); 
        } 

私はまた、情報が、無成功に到達するには、この2つの方法を組み合わせてみてください。

私のAjaxコード：

$.ajax({ 
         type: 'post', 
         url: "data.php", 
         dataType: "json", 
         data: $(this).serialize(), 

         success: function(data) { 
          console.log(data); 


           $('#btn-load').click(function(e) { 



           var keys=[]; 

           for (var key in data[0]) { 
            keys.push(key); 
           } 


           dt = dynamicTable.config('data-table', //id of the table 
                 keys, //field names 
                 null, //set to null for field names to be used as header names instead of custom headers 
                 'no data...'); 

            dt.load(data); 
         }); 

（このページのコードで動的なテーブル： Dynamically update a table using javascript）

私は、この情報に到達彼をリンクし、PHPページに値を渡す必要があります。

私はこの方法がより適切であるかどうか分かりませんので、誰かが私に感謝するいくつかの光を与えることができます。あなたはちょうどこれを試すことができ、あなたのPHPの関数に行の最初の列の値を渡したいと仮定すると、

おかげ

Answer 1

。

クリックイベントをテーブルtrにバインドします（ダイナミックテーブルと同じように）イベント委任を使用して、クリック時に最初のtd値を抽出します。ヘルプ・レディのための

$("#yourTableId").on("click","tr",function(){ 
    var data = $(this).find("td:eq(0)").text(); 
    alert(data); //test 
}); 

Answer 2

      $("#data-table").on("click","tr",function(){ 

              var data2 = $(this).find("td:eq(0)").text(); 


              window.open("teste.php?data2="+data2,'_blank','toolbar=0,location=no,menubar=0,height=400,width=400,left=200, top=300'); 
              console.log (data2); 

Thans。これで問題が解決し、データをWindow.openに渡します）