angularjs使用智能表分页

2023年6月23日 228次阅读

通过使用角度智能表,如何使用偏移值获取结果集.

例如,我在数据库中有100条记录

>首先,我需要从数据库中获取20条记录,并且每页只显示10条记录.
>单击第3页后,需要查询数据库(服务调用)并获取另外20条记录..等(但没有服务器调用第2页)

我正在使用智能表管道/ ajax插件来显示记录.

如何实现这一点.

<div class="table-container" ng-controller="pipeCtrl as mc">
            <table class="table" st-pipe="mc.callServer" st-table="mc.displayed">
                <thead>
                <tr>
                    <th st-sort="id">id</th>
                    <th st-sort-default="reverse" st-sort="name">name</th>
                    <th st-sort="age">age</th>
                    <th st-sort="saved">saved people</th>
                </tr>
                <tr>
                    <th><input st-search="id"/></th>
                    <th><input st-search="name"/></th>
                    <th><input st-search="age"/></th>
                    <th><input st-search="saved"/></th>
                </tr>
                </thead>
                <tbody ng-show="!mc.isLoading">
                <tr ng-repeat="row in mc.displayed">
                    <td>{{row.id}}</td>
                    <td>{{row.name}}</td>
                    <td>{{row.age}}</td>
                    <td>{{row.saved}}</td>
                </tr>
                </tbody>
                <tbody ng-show="mc.isLoading">
                <tr>
                    <td colspan="4" class="text-center"><div class="loading-indicator"></div>
                    </td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                    <td class="text-center" st-pagination="" st-items-by-page="5" colspan="4">
                    </td>
                </tr>
                </tfoot>
            </table>
        </div>

http://lorenzofox3.github.io/smart-table-website/

Plunker中的代码

http://plnkr.co/edit/wzUHcc9PBF6tzH8iAEsn?p=preview

最佳答案 您需要添加st-safe-src =“tablecollection”以及st-table = tablerow

然后,

<tr ng-repeat="row in tablerow">

FMI,
来源：Client side pagination not working in smart table

点赞