角度智能表分页

Question

我目前正在使用： “angular-smart-table”：“2.1.0” “棱角分明”：“1.3.15”

单击智能表项时，我的应用程序在另一页中显示项目详细信息。 在访问项目页面后，我想在智能表页面上返回相同的分页编号（屏幕截图中的2）： Screenshot

我的问题：

1. 不知道如何保存currentPage（rootscope，参数？）

以下是分页视图，用于管理分页：

<nav ng-if="pages.length >= 2">
<ul class="pagination">
    <li><a ng-click="selectPage(1)" class="download">Début</a></li>
    <li><a ng-click="selectPage(currentPage - 1)" class="download">&lt;</a></li>
    <li><a><page-select></page-select> / {{numPages}}</a></li>
    <li><a ng-click="selectPage(currentPage + 1)" class="download">&gt;</a></li>
    <li><a ng-click="selectPage(numPages)" class="download">Fin</a></li>
</ul>

1. 不知道如何调用smartTable指令的函数“selectPage（）”。

在'smart-table-plugin-directive.js'中选择指令：

.directive('pageSelect', function () { return { restrict: 'E', template: '<input id="test" type="text" class="select-page" ng-model="inputPage" ng-change="selectPage(inputPage)">', link: function (scope, element, attrs, $rootscope) { scope.$watch('currentPage', function (c) { scope.inputPage = c; scope.$root.page = c; }); } } }

感谢您的回复

ý@ ugy

Answer 1

<!--HTML-->
<table st-table="displayedUsers" st-safe-src="users" class="table table-hover  table-striped" style="background-color:white ">
  <thead class="bg-light panel-heading lter b-b ">
            ...<!--You can write your column name-->
  </thead>
  <tbody>
            ...<!--You can write your table info-->
  </tbody>
  <tfoot>
    <tr>
      <td colspan="10" class="text-left">
        <div st-items-by-page="10" st-pagination=""></div>
      </td>
    </tr>
  </tfoot>
</table>

Answer 2

您可以按照stPersist指令的示例：

http://plnkr.co/edit/ekwiNt?p=preview StPersist example

1）您观察表状态并在其发生变化时将其保留在某处（服务，本地存储，会话等）。

2）恢复表后，从存储中读取值并调用表控制器的切片功能

例：

回复：Laurent R

Answer 3

经过大量实例和实践的实验后，我发现最好也很容易实现库在angularJS项目中使用数据表，

1. 分选
2. 过滤
3. 选择，
4. 自定义模板，
5. 可编辑的，
6. 分页
7. 搜索，
8. 主题，
9. 列调整大小，
10. draggable columns

http://ekokotov.github.io/object-table/

＆＃13;
＆＃13;
        var button = (RadButton)sender;
        var index = (int)button.Tag;
        //MessageBox.Show(index.ToString());
        this.Text = button.Name;
＆＃13;
＆＃13;
＆＃13;