smart-table 寻呼机不工作

Question

我有一个 Asp.net MVC 项目，AngularJs 作为 javascript 框架。

我正在使用 smart-table angular 插件来满足我的 table\grid 要求。一切正常，但页面上根本没有显示寻呼机。

下面是我的 html 代码：

<div data-ng-controller="gridcontroller" class="row">
    <label>Grid demo</label>
    <table data-st-table="griddata" class="table striped">
        <thead>
            <tr>
                <th>first name</th>
                <th>last name</th>
                <th>birth date</th>
                <th>balance</th>
                <th>email</th>
            </tr>
        </thead>
        <tbody>
            <tr data-ng-repeat="row in griddata">
                <td data-ng-bind='row.firstName'></td>
                <td data-ng-bind='row.lastName'></td>
                <td data-ng-bind='row.birthDate'></td>
                <td data-ng-bind='row.balance'></td>
                <td data-ng-bind='row.email'></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td colspan="5" class="text-center">
                    <div st-template="~/Scripts/Angular/Plugins/pagination.html" st-pagination="" 
st-items-by-page="10">
                    </div>
                </td>
            </tr>
        </tfoot>
    </table>

Pagination.html 标记如下：

<div class="pagination" ng-if="pages.length >= 2">
<ul class="pagination">
    <li ng-if="currentPage > 1">
        <a ng-click="selectPage(1)">&lt;&lt;</a>
    </li>
    <li ng-if="currentPage > 1">
        <a ng-click="selectPage(currentPage-1)">&lt;</a>
    </li>
    <li ng-repeat="page in pages" ng-class="{active: page==currentPage}">
        <a ng-click="selectPage(page)">{{page}}</a>
    </li>
    <li ng-if="currentPage < numPages">
        <a ng-click="selectPage(currentPage+1)">></a>
    </li>
    <li ng-if="currentPage < numPages">
        <a ng-click="selectPage(numPages)">>></a>
    </li>
</ul>

当我运行网站时，我看到包含所有记录的网格（在我的例子中是 60 条记录）和 pager 标记如下所示：

<tfoot>
   <tr>
      <td colspan="5" class="text-center">
           <div st-template="/Scripts/Angular/Plugins/pagination.html"                           st-pagination="" st-items-by-page="itemsByPage" class="ng-isolate-scope">
               <!-- ngIf: pages.length >= 2 -->
          </div>
      </td>
   </tr>
 </tfoot>

我按照网站上提到的每一步都做了，但无法使寻呼机工作。非常感谢任何帮助。

Answer 1

您好，如果您使用的是服务器端分页，那么您需要告诉 smart table 页数，以便它获得有关要显示的页面的线索并将其事件绑定到它

tablestate.pagination.numberOfPages = response.totalPages;

您必须设置从响应到 table 状态的分页对象 numberOfPages 属性的总页数。

smart-table 寻呼机不工作

smart-table pager not working

asp.net-mvc-4

angularjs

smart-table