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. Image for the cookie policy date

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