2016-09-13 7 views
0

私は動的に作成されたデータテーブルを持っています。行数はユーザーごとに異なります。たとえば、表は次のようになります。jqueryデータテーブルからすべての行をすべて取得する

|  Category  | User | 
|  Manager  | Krishna | 
| Assistant Manager | Guru | 

これらは選択ドロップダウンから選択されます。送信ボタンをクリックしたときに、私はテーブルからすべてのデータを取得しようとしたか、これがあります。alertで

var noofrows = tabResources.data().count(); 
var data = tabResources.rows(0).data(); 
       alert(data); 

が、私は [object, object]を取得します。しかし、私はどのように各値を取得するのか分からない。どうやってやるの?これはテーブルです:

tabResources = $("#tabResources").DataTable({ 
       "sDom":"t", 
       ajax:{ 
        "url":"../api/projectapi.php?action=getresourcebyprojectid", 
        "type":"GET", 
        "data":{"projectid": <?php echo $_GET ["projectid"]?>} 
       }, 
       "destroy":true, 
       "ordering":false, 
       "columns":[ 

          {"title":"Resource Category", "data":"resourcecategoryid","render":function(data, type, row){ 
           return '<select class="form-control selectresourcecategoryid" name="resourcecategoryid[]" valueid=' + data + '></select>'; 
          }}, 
          {"title":"User", "data":"userid","render":function(data, type, row){ 
            return '<select class="form-control selectuserid" name="userid[]" valueid=' + data + '></select>'; 
           }}, 
           {"orderable":false, render: function (data, type, row) { 
            return '<a href="javascript:void(0)" class="btn btn-info btn-sm btn-remove">Remove</a>';    
            } 
           } 
       ] 
}); 

答えて

0

スニペットをチェックアウトすると、問題が解決しますか?

$(document).ready(function() { 
 
    var data = [ 
 
     ['name1', 'position1', 'office1', 15], 
 
     ['name2', 'position2', 'office2', 30] 
 
    ]; 
 
    var table = $('#example').DataTable({ 
 
     data: data, 
 
     columns: [ 
 
     { 
 
      title: "Name" 
 
     },{ 
 
      title: "Position" 
 
     },{ 
 
      title: "Office" 
 
     } 
 
     ] 
 
    }); 
 
    
 
    var data = table.data(); 
 
    for (var i = 0; i < data.length; i++) { 
 
     console.log(data[i]); 
 
    } 
 
     
 
});
<script src="//code.jquery.com/jquery-1.12.3.js"></script> 
 
<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
 
<link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet"/> 
 

 
<table id="example" class="display" cellspacing="0" width="100%"></table>

関連する問題