簡體   English   中英

DataTable表中沒有可用數據首先加載

[英]DataTable No data available in table first Load

我正在使用Meteor,並且嘗試使用此代碼顯示數據表。

我的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>

但是,當我第一次加載頁面時,總是收到相同的消息:“表中沒有可用數據”。

嘗試數據:CarsList()。find()。fetch()

您確定您的this.CarsList()返回信息嗎? 將console.log放在onRendered的第一行以進行調試

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

祝好運!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM