ack-pagination.html 1.88 KB
Newer Older
eddie.woo's avatar
eddie.woo committed
1 2 3
<div class="ack-page">
    <div class="ack-footer">
        <div class="page-size">
Ken you's avatar
Ken you committed
4 5 6 7
            <!--共有-->
            <span>{{'TotalPage'| translate}}<span class="total-number">{{pageOptions.totalItems}}</span>{{'RecordCount' | translate}}</span>
            <!--每页显示-->
            <span class="padding-span" ng-show="!hideSelector">{{'RowForPage'| translate}}</span>
eddie.woo's avatar
eddie.woo committed
8

Ken you's avatar
Ken you committed
9 10 11 12 13 14 15 16 17
            <select class="padding-span page-box" ng-model="pageOptions.pageSizeString" ng-change="pagingService.pageSizeSelectionChanged()" ng-show="!hideSelector">
                <option ng-repeat="option in pageOptions.pagingSelection" value="{{option.id}}">{{option.value}}</option>
            </select>
            <!--条记录-->
            <span class="padding-span" ng-show="!hideSelector">{{'RecordCount' | translate}}</span>
            <!--跳至-->
            <span class="padding-span" ng-show="!hideSelector">{{'JumpTo' | translate}} <span class="padding-span"><input class="page-box " type="number" ng-change="pagingService.pageIndexChanging()" ng-model="pageOptions.pageIndex" /></span>&nbsp;{{'Page' | translate}}</span>
            <!--当前页-->
            <span class="padding-span" ng-show="!hideSelector">{{'CurrentPage' | translate}} <span class="normal-number">{{pageOptions.pageIndex}}</span>/<span class="normal-number">{{pageOptions.totalPages}}</span></span>
eddie.woo's avatar
eddie.woo committed
18 19
        </div>

Ken you's avatar
Ken you committed
20 21
        <ul uib-pagination total-items="pageOptions.totalItems" items-per-page="pageOptions.pageSize" ng-model="pageOptions.pageIndex" num-pages="pageOptions.totalPages" max-size="pageOptions.maxSize" class="pagination-sm"
            boundary-link-numbers="true" ng-change="pagingService.pageIndexChanging()" rotate="true" boundary-links="true" first-text="{{pageOptions.firstPage}}" previous-text="{{pageOptions.previousPage}}" last-text="{{pageOptions.lastPage}}" next-text="{{pageOptions.nextPage}}"></ul>
eddie.woo's avatar
eddie.woo committed
22 23
    </div>
</div>