Start Building Professional
Web Apps Today

DHX Grid : Showing Paging details twice for the grid.

Hi there,
I want to show two paging functionalities for a single grid.
I am using following commands to show paging.

<gridObject>.enablePaging(true,21,3,"pagingArea",true,"recinfoArea");
<gridObject>.setPagingTemplates("<div class='flexiDiv'><b>Results Total [total]</b></div> <div class='flexiDiv' onclick='myfundgrid.changePage(1);' style='cursor:pointer; color:black; padding:0px 3px;' title='Click here to go to the first page'><<</div> <div class='flexiDiv' style='padding-right:3px'><b>[prevpages:Previous "+defaultNoOfPages+": ]</b></div><div class='flexiDiv'> [currentpages:]</div><div class='flexiDiv'><b> [nextpages:Next "+defaultNoOfPages+": ]</b></div><div class='flexiDiv' onclick='myfundgrid.changePage(9999);' style='cursor:pointer; padding-left:3px; color:black;' title='Click here to go to the last page'>>></div> ","");

I tried using two different div Ids to show two paging functionalities, but of no use.
Can u tell me how to do it ?

You can try to use &lt;&lt; and &gt;&gt; instead of << and >> correspondingly. For example:

mygrid.setPagingTemplates("<div class='flexiDiv'><b>Results Total [total]</b></div> <div class='flexiDiv' onclick='myfundgrid.changePage(1);' style='cursor:pointer; color:black; padding:0px 3px;' title='Click here to go to the first page'>&lt;&lt;</div> <div class='flexiDiv' style='padding-right:3px'><b>[prevpages:Previous "+defaultNoOfPages+": ]</b></div><div class='flexiDiv'> [currentpages:]</div><div class='flexiDiv'><b> [nextpages:Next "+defaultNoOfPages+": ]</b></div><div class='flexiDiv' onclick='myfundgrid.changePage(9999);' style='cursor:pointer; padding-left:3px; color:black;' title='Click here to go to the last page'>&gt;&gt;</div> ","");

Hi,
    But will this show grid paging twice for a single grid ???

Sorry for the late answer. Unfortunately, grid API doesn't allows to set two paging templates at once.