Question

我正在使用从webservice将数据加载到数据表。我有多条记录，现在我想添加按钮，它将显示4行或所有行。我知道选项iDisplayLength，但我不知道如何访问该变量。

以下是我的数据表初始化的样子：

Places = new Mongo.Collection("places");
TabularTables = {};
Meteor.isClient && Template.registerHelper('TabularTables', TabularTables);

TabularTables.Places = new Tabular.Table({
    name: "LocationsList",
    collection: Places,
    columns: [
        {data: "naziv", title: "Name"},
        // {data: "status", title: "Status"},
        // {data: "bencinska", title: "Station"},
        {data: "razdalja", title: "Distance (km)"},
        {data: "", title: "",
            tmpl: Meteor.isClient && Template.btn_favorite,
            tmplContext: function(rowData) {
                return {
                    item: rowData,
                    column: ""
                };
            }
        }
    ],
    // aLengthMenu: [[3, -1], [3, "Vsi"]],
    iDisplayLength: -1,
    order: [[ 1, "asc" ]],
    limit: 30,
    responsive: true,
    autoWidth: false
});

这是我的模板：

<template name="table">
    {{> tabular table=TabularTables.Places class="table centered highlight compact" id="data_table"}}
</template>

如果有人知道加载表的好模式（现在它没有显示可用的数据，当它没有加载时），请给我一个建议。加载数据时是否有标志？什么时候还没有？

编辑：

我已经删除过滤器并显示来自datatable的项目助手，因为我想用更优雅的设计来解决这个问题。

Answer 1

有几件事情，首先，如果您在询问有关任何库的问题时提及您正在使用的库的版本，那可能是最好的。我假设您正在使用DataTables 1.10.x.但请注意，此版本有API更改，如果您使用的是v1.9或更早版本，则此信息可能不适用。

其次，选项仅用于初始化。因此，您无法使用iDisplayLength来解决此问题。

Options：

数据表＆＃39;可以使用大量选项来定制方式它将展示其界面和可用功能最终用户。这是通过其配置选项完成的 设置为初始化时间。

尽管如此，我无法编写代码来尝试此操作，但我认为您需要使用page.len() method。

注意，您可以向其传递-1以显示所有行，否则，传递的参数是您要显示的行数。

Answer 2

import Tabular from "meteor/aldeed:tabular";
var Users = new Mongo.Collection("Users");

new Tabular.Table({
     name: "Users",
     collection: Users,
     responsive: true,
     autoWidth: true,
     order: [[0, "asc"]],
     columns: [
       {
          data:"profile.firstName",
          title:"First Name",
       },
       {
          data:"profile.lastName",
          title:"Last Name",
       },
       {
          data:"profile.country",
          title:"Country",
       },
       {
          data:"profile.state",
          title:"States",
       },
       {
          data:"profile.createdAt",
          title:"CreatedAt",
          render:function (val) {
              return moment(val).format('DD/MM/YYYY H:mm');
          },
       },
       {
           data:"profile.updatedAt",
           title:"UpdatedAt",
           render:function (val) {
               return moment(val).format('DD/MM/YYYY H:mm');
           },
       },

   ],
    initComplete: function() {
        $('.dataTables_empty').html('processing');
    },
   processing: false

});

{{> tabular table=TabularTables.Users  class="table table-striped mybooks table-bordered table-condensed"}}

使用aldeed的Meteor数据表：表格

2 个答案: