Buggie Double pager forum

https://www.syncfusion.com/kb/6302/how-to-display-pager-bar-in-both-top-and-bottom-of-the-grid

When i copy this code id does not work. I do not know why but the actual numbers on the top are not clickable. Wondering what the problem is

Thanks 
Diamond

2 Replies

DI Diamond December 30, 2016 03:04 PM UTC

The problem is exits on IIS not just IIS express. I have also tried multiple browsers with none having success clicking on the actual buttons. Please help me resolve this issue.


JK Jayaprakash Kamaraj Syncfusion Team January 2, 2017 12:32 PM UTC

Hi Diamond, 
 
Thank you for contacting Syncfusion support. 
 
To overcome this problem we suggest you to use .e-numericcontainer class name instead of #NumericContainer in actionComplete event. Please refer to the below code example and sample. 

function processTopPager(gridObj) { 
        // Create a clone pager 
        var pagerClone = gridObj.getPager().clone(true); 
        // Replace the id to numeric container element in the clone pager 
        pagerClone.find(".e-numericcontainer").prop("id", "NumericContainer1"); 
   
        // Prepend the clone element in the Grid control 
        if (gridObj.element.find("#clonePager").length) 
            gridObj.element.find("#clonePager").html(pagerClone.html()); 
        else 
            gridObj.element.prepend(pagerClone.prop("id", "clonePager")); 
   
        // Perform Paging operation while clicking clone pager 
        gridObj.element.find("#NumericContainer1 a").click(function (e) { 
            $("#Grid").ejGrid("gotoPage", $(this).html()); 
        }); 
    } 


Regards, 

Jayaprakash K. 


Loader.
Up arrow icon