We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Move Paging to Top

Thread ID:

Created:

Updated:

Platform:

Replies:

121396 Dec 9,2015 05:30 PM UTC Dec 10,2015 09:03 AM UTC JavaScript 1
loading
Tags: ejGrid
Lory
Asked On December 9, 2015 05:30 PM UTC

Hi Team,

Is there a way to move the location of the paging to the top of the grid instead of at the bottom? I want to be able to immediately see the number of records showed after filtering.

Thanks.

Sellappandi Ramu [Syncfusion]
Replied On December 10, 2015 09:03 AM UTC

Hi Lory,

Thanks for contacting Syncfusion support.

Query #1: Is there a way to move the location of the paging to the top of the grid instead of at the bottom?

We can achieve your requirement using dataBound event. This event will trigger after the data is bound to the grid on initial rendering and we can get the grid element. By using prepend() method to display the grid pager as our requirement.

Please refer to the online help documentation of dataBound event and code example,

Document: http://help.syncfusion.com/js/api/ejgrid#events:databound

dataBound: function (args) {

                    this.getHeaderContent().prepend(this.getPager()); // Before the grid header

                    //this.getContent().prepend(this.getPager()); // Before the grid content
                },


Query #2: I want to be able to immediately see the number of records showed after filtering.

We have the _filteredRecordsCount property to show the filtered records count in actionComplete event. In below example, we are showing filtered record counts in alert box.

Please refer to the code example and playground sample,

actionComplete: function (args) {

                    if (args.requestType == "filtering")

                        alert(this._filteredRecordsCount);// Showing the filter records count
                }


Sample Link: http://jsplayground.syncfusion.com/4ulguvj3

Regards,
Sellappandi R

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;