2016-11-16 9 views
0

私はMeteorと一緒に作業しています。このコードを使用してデータテーブルを表示しようとしています。DataTable最初のデータはありません。Load

マイJS:

onRendered() { 

    $('#tableCarsWorkflow').DataTable({ 

     paging: true, 
     searching: true, 
     info: false, 
     data: this.CarsList(), 
     ordering: false, 

     columns: 
      [ 
    { data: "declaration.sg_art.numeroarticle", title: "Numéro de l'article" }, 
    { data: "declaration.sg_dec.quittance", title: "Quittance" }, 
    { data: "declaration.sg_art.bl", title: "Référence du BL" }, 
    { data: "declaration.sg_art.regime", title: "Régime douanier déclaré" }, 
    { data: "declaration.sg_art.nomenclature", title: "Nomenclature" }, 
    { data: "declaration.sg_art.description", title: "Description" }, 
    { data: "declaration.sg_art.num_colis", title: "Marque et numéro de châssis" }, 
    { data: "declaration.sg_art.Valeur_en_douane", title: "Valeur en douane" }, 
    { data: "declaration.sg_art.Pays_origine", title: "Pays d'origine" }, 
      ] 
    }); 

    this.bindCarsListCLick(); 

}, 
bindCarsListCLick() { 
    let self = this; 

    $("#tableCarsWorkflow tr").bind("click", function (event) { 
     console.log("click fired...") 
     var dataTable = $(event.target).closest('table').DataTable(); 
     var row = dataTable.row(event.currentTarget); 
     var rowData = row.data(); 

     if (!rowData) return; // Won't be data if a placeholder row is clicked 

     $("#tableCarsWorkflow tr").removeClass('selected'); 
     $(this).addClass('selected'); 
     self.showDetails(true) 

     self.workflowTable(_.where(self.WorkflowList(), { CarId: rowData._id })) 


}); 

HTML:

<template name="carWorkFlow"> 
    <div class="row"> 
     <div class="col-sm-12"> 
      <div class="card-box"> 
       <h4>Liste des véhicules</h4> 
       <table id="tableCarsWorkflow" class="table table-condensed table-bordered fixed-table-body"></table> 
      </div> 
     </div> 
    </div> 
</template> 

しかし、私は、私はいつも同じメッセージを取得初めてのページを読み込む: "テーブルで利用可能なデータはありません"。

+0

テンプレートをレンダリングするときにデータが存在しない可能性があります。トラッカー計算を使用してデータを渡すか、データテーブルをレンダリングする前にデータを取得するためのサブスクリプションを待つ必要があります(サブスクリプションで取得されている場合)。 – MasterAM

答えて

0

てみデータ:。。CarsList()を見つける()フェッチ()

0

あなたがあなたのthis.CarsListは、()の情報を返していることを確認してください?

onRendered() { 
console.log(this.CarsList()); 
... 
} 

幸運をデバッグするonRenderedあなたの最初の行にはconsole.logを入れて!

+0

サブスクリプションを同期するにはどうすればいいですか? – sana

+0

テンプレートレベルの購読方法を使用できます。 –

+0

この例を見てください: –

関連する問題