gpt4 book ai didi

javascript - 添加新行并为该行定位分页?

转载 作者:行者123 更新时间:2023-12-03 08:03:35 24 4
gpt4 key购买 nike

我正在制作一个动态表格。我有一个工作添加按钮,可以将行添加到表中,我还有一个工作分页。现在我不想把这两者结合起来。

当我添加新行时,我不会被放置在创建该行的分页的最后一页。目前我总是停留在分页的第一页并手动转到最后一页。

有人可以帮忙吗?提前致谢!

脚本.js

(function () {
"use strict";

var table = angular.module('myTable', ['angularUtils.directives.dirPagination','ngStorage']);


table.controller('TodoCtrl', function ($scope, $localStorage) {
$scope.$storage = $localStorage.$default({
"todos":[
{ "id":1,"text":"drive a car"},
{ "id":2,"text":"go to work"}
]
});
$scope.todoData = $localStorage.todos;
});


$scope.addRow = function (arr) {
console.log(arr);
arr.push({'id':$scope.id, 'text': $scope.text});
};
});

index.html

<button type="button" class="btn btn-default btn-block" ng-click="addRow($storage.todos)">New record</button>

<table>
<thead></thead>
<tbody>
<tr dir-paginate="todo in todoData">
<td>
{{ todo.id }}
</td>
<td>
{{ todo.text }}
</td>
</tr>
</tbody>
</table>

<dir-pagination-controls
max-size="5"
direction-links="true"
boundary-links="true" >
</dir-pagination-controls>

最佳答案

编辑:

添加current-page="myCurrentPage"到您的标签 dir-paginate在您的示例中 <tr>标签。添加$scope.myCurrentPage = Math.ceil($scope.todos.length/$scope.entryLimit);到您的 addDeveloperRow 函数。

Working Plunker

关于javascript - 添加新行并为该行定位分页?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34490714/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com