dir-pagination directive angularjs : Update pagination after filtering

Question

Am using dir-pagination directive for pagination, its working fine but while filtering pagination not getting update

Below is mycode:

     <tbody dir-paginate="booking in bookinglist | itemsPerPage: 30 | orderBy:sortKey:reverse">
        <tr ng-repeat="orders in booking.order | filter: booking_filter | dateRange: startDate : endDate | orderBy:sortKey:reverse">
          <td>{{booking.customer_name}}</td>
          <td>{{orders.order_id}}</td>
          <td>{{orders.service_name}}</td>
          <td>{{orders.employee_name}}</td>
          <td>{{orders.area_name}}</td>
          <td>{{orders.booking_date | date:"dd/MM/yyyy"}}</td>
          <td>{{orders.booking_time}}</td>
          <td>{{orders.status}}</td>
          <td class="g-btn-full-width">
            <button type="button" ng-click="EditBooking(orders._id)" class="btn btn-primary"><span class="fa fa-pencil"></span></button>
            <button type="button" ng-click="DeleteBooking(orders._id)" class="btn btn-danger"><span class="fa fa-trash"></span></button>
            <button type="button" ng-click="InvoiceGenerate(orders._id)" class="btn btn-warning">Invoice</button>
          </td>
        </tr>
      </tbody>
    </table>
    <dir-pagination-controls>
        max-size="5"
        direction-links="true"
        boundary-links="true"
    </dir-pagination-controls>
    </div>

am stuck with this...Help will be really appreciated

while filtering...based on filter result pagination not getting update — Nodemon
– Nodemon, Commented May 12, 2016 at 17:10
Don't think this is the issue, but your <dir-pagination-controls> html is closed off so that the attributes are children of the element rather than defined on the element. They probably aren't necessary for the directive to render correctly, but worth cleaning up just to make sure. — sourdoughdetzel
– sourdoughdetzel, Commented May 15, 2016 at 0:48
How is loaded your bookingList ? Asynchronously ? The whole inthe same time or by page ? — Walfrat
– Walfrat, Commented May 18, 2016 at 7:14

Pravesh Khatri · Accepted Answer · 2016-05-18 07:15:51Z

1

You have to use filter: booking_filter in your tag where you have put dir-paginate

<tbody dir-paginate="booking in bookinglist | filter: booking_filter | itemsPerPage: 30 | orderBy:sortKey:reverse">

answered May 18, 2016 at 7:15

Pravesh Khatri

2,28418 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

johan Over a year ago

I was about to answer the same! Hopefully you get the bounty before it expires

harunur rashid · Accepted Answer · 2016-05-18 07:09:33Z

0

Update you booking list object inside your filter function . Since its two way data binding updating the booking list object might recalculate the filtered pagination.

answered May 18, 2016 at 7:09

harunur rashid

433 bronze badges

Collectives™ on Stack Overflow

dir-pagination directive angularjs : Update pagination after filtering

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related