How to customize footer in jqxgrid?

[Vardhman JainParticipant]

Hi ,
I am using jqxgrid for my application.However,as per our requirements we need to customize the footer options in jqxgrid.Actually,what we need is the combination of both default and simple mode provided in jqxgrid features.Going specifically,the default mode is fine for us except it doesnt provide first -last traversal option.So,is there a way we can achieve the combined functionility using some other feature or possibly some later version if required?

[Peter StoevKeymaster]

Hi Vardhman Jain,

To achieve what you need, you will need to implement the pagerrenderer callback and build your custom UI. Ex: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/custompager.htm?arctic

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Vardhman JainParticipant]

Thanks for suggesting solution Peter. But I want code for “First” and “Last” pages in the grid. As you suggested, we tried implementation with pagerrenderer. But it is not working. Could you please give us code snippet for “First” and “Last” feature implementation in the grid.

Thanks & Regards,
Vardhman Jain

[Peter StoevKeymaster]

Hi Vardhman Jain,

You can use the Grid’s “gotopage” method to navigate to a given page. The argument which you should pass when you call this method is the page’s number. “gotopage” with parameter 0 will navigate to the first page. The last page’s number is equal to pages’s count – 1 and the page’s count can be retrieve from the “getpaginginformation” method.

var paginginformation = $('#jqxGrid').jqxGrid('getpaginginformation');
// The page's number.
var pagenum = paginginformation.pagenum;
// The page's size.
var pagesize = paginginformation.pagesize;
// The number of all pages.
var pagescount = paginginformation.pagescount;

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Vardhman JainParticipant]

Hi Peter,

Thanks for your solution. Now we are getting correct page indexing. But one more issue we are facing that when tries to load last record page refreshes with Grid’s “gotopage” method and it takes again to first page only.
But we need it to go on last page without page refreshes. So is it possible without refreshing page?

Thanks in Advance.
Vardhman

[Peter StoevKeymaster]

Hi Vardhman,

Calling the “gotopage” method with correct index as passed argument will navigate to the page that corresponds to the passed index. Example: http://jsfiddle.net/jqwidgets/xotv9d53/

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Vardhman JainParticipant]

Hi Peter,

Thanks for the solution.It is working fine for me now.

Regards,
Vardhman Jain

[Author]

Posts