2017-02-16 54 views
1

jqueryデータテーブルを使用してjsonデータをバインドし、行にボタンを追加します。今、ボタンクリックで特定の列データをリストに表示するにはどうすればよいですか?私は行の値を取得できますが、列の値を取得する方法を見つけることができません。jquery datatable:ボタンのクリックで全体の列値を取得

は、ここに私のコードです:。

$.ajax({ 
    url: "SympsService.asmx/GetSymptoms", 
    method: "post", 
    dataType: "json", 
    data: JSON.stringify({ organ_name: "toes" }), 
    contentType: "application/json", 
    success: function (data) { 
     var sympList = 'GetSymptoms' ? JSON.parse(data.d) : data.d; 
     createDataTable('#symptomsTable', sympList); 

     function createDataTable(target, data) { 
      $(target).DataTable({ 
       destroy: true, 
       paging: false, searching: false, info: false, data: data, 
       columnDefs: [{ 
        targets: [-1], render: function() { 
         return "<button type='button'>" + ('Choose') + "</button>" 
        } 
       }], 
       columns: [{ 
         'data': 'Sympt', 
         'title': 'toes Symptoms',}, 
       {'data': null, 'title': 'Action' }] 
       }); 
     } 
     $('#symptomsTable').on("click", "tbody button", function() { 
      var id = $(this).closest("tr").find("td:nth-child(1)").data(); 
      //here i get every row data by button click 
      //but i want specific column data on list 
     }) 
    } 
}); 

答えて

0

これを試してみてください、あなたを助けるかもしれません。使用にconsole.log(「列」)は、それがキャッチされないタイプのエラー.columnが関数でない示す

$('#table tbody').on('click', 'td', function() { 
    var index = $(this).index(); 
    var column = $('#table').column(index); 
}); 
+0

。 @ saf21 –

関連する問題