2016-05-17 19 views
1

私のページには多くのデータセットがあり、それらにデータを取り込む一般的な方法があります。データが返されたときにDataTableにデータが入力されない

次のように私のAjaxの方法は次のとおりです。

function AjaxGet(url, tableName) { 
     $.ajax({ 
      method: 'GET', 
      url: url, 
      dataType: 'json', 
      contentType: 'application/json; charset=utf-8', 
      success: function (data) { 
       $('#' + tableName).dataTable({ 
        destroy: true, 
        'bPaginate': false, 
        'aoColumns': DetermineColumns(tableName), 
        'aaData': data, 
        'sDom': '<"top">t<"bottom"><"clear">', 
        'bSort': false 
       }); 
      } 
     }); 
    }; 

私はで供給URLとテーブル名が正しいことを知っています。私は、開発ツールでデバッグするとき

私のデータは以下のようになります。

enter image description here

DetermineColumns機能が含まれていif..else ..チェックし、それが成功しない右のテーブル名を、見つかるまで、その後、aoColumnsに次の値を返します。

 return [ 
       { 
        'mDataProp': 'PartNum' 
       }, 
       { 
        'mDataProp': 'ukstk' 
       }, 
       { 
        'mDataProp': 'ukfob' 
       }, 
       { 
        'mDataProp': 'de' 
       }, 
       { 
        'mDataProp': 'fr' 
       }, 
       { 
        'mDataProp': 'es' 
       }, 
       { 
        'mDataProp': 'ae' 
       }, 
       { 
        'mDataProp': 'usa' 
       }, 
       { 
        'mDataProp': 'mx' 
       }, 
       { 
        'mDataProp': 'jx' 
       } 
      ]; 

そして、ここでは私のHTMLテーブルです:

<div class="row"> 
<div class="col-md-6"> 
    <table id="stdCostTable" class="table input"> 
     <thead> 
      <tr> 
       <th></th> 
       <th> 
        UK-STK 
       </th> 
       <th> 
        UK-FOB 
       </th> 
       <th> 
        DE 
       </th> 
       <th> 
        FR 
       </th> 
       <th> 
        ES 
       </th> 
       <th> 
        AE 
       </th> 
       <th> 
        USA 
       </th> 
       <th> 
        MX 
       </th> 
       <th> 
        JX 
       </th> 
      </tr> 
     </thead> 
     <tbody> 
     </tbody> 
    </table> 
</div> 

誰かが問題になっているのDataTableが移入されない理由を動作させることができますしてください?

ありがとうございます!

コンソールやデバッガからもエラーは発生しません。データテーブルに関する限り、データは存在しないため、「テーブルで利用可能なデータがありません」というメッセージを正しく表示するように初期化しますが、データが 'aaData'に割り当てられている場合、 'data'オブジェクトにあります。

答えて

1

私はdataは、オブジェクト自体ではなく、オブジェクト(または配列)の配列でなければならないと思います。 initialization exampleを確認してください(私はあなたが従来のバージョンを使用していると仮定します)

+0

Imインポートするデータセット1.10.9 '「 – DaRoGa

+0

はい、トリックはありがとうございました。私は、他のすべてのリストを返すので、単一のオブジェクトを返すだけだったことをクリックしなかった。 – DaRoGa

+0

うれしかった!ところで、あなたは従来のAPIを使用しています。可能であれば、新しいものを採用することをお勧めします。なぜなら、それはかなり強力です(そしてかなり) – Sebastianb

関連する問題