私は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>
しかし、私は、私はいつも同じメッセージを取得初めてのページを読み込む: "テーブルで利用可能なデータはありません"。
テンプレートをレンダリングするときにデータが存在しない可能性があります。トラッカー計算を使用してデータを渡すか、データテーブルをレンダリングする前にデータを取得するためのサブスクリプションを待つ必要があります(サブスクリプションで取得されている場合)。 – MasterAM