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
  1. Home
  2. Forum
  3. ASP.NET MVC
  4. Grid Pagging not working

Grid Pagging not working

Hi team,
i have ej grid ,having 200 records. each page having 40 records. am not able to click the page buttons.
page event not working. to make confirmation, i make alters in java scripts. its not working.
i want to show next page records and need show the particular page records.
@(Html.EJ().Grid<object>("generationGrid").AllowPaging(true).PageSettings(page => page.PageSize(40))
.Columns(col =>
{
col.Type("checkbox").Width("5").Add();
col.Field("Id").IsPrimaryKey(true).AllowEditing(false).Visible(false).Add();
col.Field("File Name").HeaderText("File Name").Width("40").AllowEditing(false).Add();
}).ClientSideEvents(e => e.ActionComplete("onActionComplete").ActionBegin("onActionBegin"))
)
function onActionComplete(args) {
if (args.requestType == "paging")
alert("Paging action complete");
}
function onActionBegin(args) {
if (args.requestType == "paging")
alert("Paging action begin");
}
Thanks for the advance
Regards,
J Sai Tanuj Kumar


7 Replies
VN Vignesh Natarajan Syncfusion Team March 1, 2019 01:34 AM

Hi Sai Tanuj, 
 
Thanks for contacting Syncfusion support. 
 
Query: am not able to click the page buttons.page event not working 
 
From your query, we understand that you are facing issue with ejGrid pager. We have validated the reported issue and we are unable to reproduce the reported issue at our end. For your convenience we have created the sample please refer the below link for sample, 
 
 
After referring the sample Link, still facing the issue please get back to us with the following details. 
 
  1. Share the Essential studio version.
  2. Confirm whether are you receiving any script error in the console. If yes, please share the stack trace.
  3. Share the complete grid code example (both view and controller page)
  4. Share the Video demonstration Or screenshot of the issue.
  5. If possible reproduce the reported issue in the provided sample and revert back to us.
 
Provided details will help us to resolve the reported issue as early as possible. 
 
Query 2: need show the particular page records. 
 
If you want to go to the particular page then we suggest you to use the gotoPage method of ejGrid. Refer the below link for help documentation, 
 
 
Regards, 
Vignesh Natarajan 
 


SK sateesh kumar March 1, 2019 10:18 AM

Hi Vignesh,

Still am not getting. not able click the page buttons also. am not getting any java script error.
Am using visual studio 2017, project type is mvc.

to check the given refence link for gotoPage,  my grid page buttons are not fireing.

@(Html.EJ().Grid<object>("testGrid").AllowPaging(true).PageSettings(page => page.PageSize(40))            
            .GridLines(GridLines.Both)            
            .Columns(col =>
            {
                col.Type("checkbox").Width("5").Add();
                col.Field("Id").IsPrimaryKey(true).AllowEditing(false).Visible(false).Add();
                col.Field("Data File Name").HeaderText("File Name").Width("40").AllowEditing(false).Add();               
            }).ClientSideEvents(e => e.ActionComplete("onActionComplete").ActionBegin("onActionBegin"))
    )

in java script am assigning data source to grid

 var promise = dataManager.executeQuery(query);
        promise.done(function (e) {
            var gridObj = $("#testGrid").ejGrid("instance");
            gridObj.dataSource(e.result);
        });

Controller:

public ActionResult GetUsers()
        {            
            var result = string.Empty;
            JsonSerializerSettings jss = new JsonSerializerSettings
            {
                ReferenceLoopHandling = ReferenceLoopHandling.Ignore,
                DateFormatHandling = DateFormatHandling.MicrosoftDateFormat,
                DateFormatString = "dd-MMM-yyyy"
            };            

            DataSet dsShowFiles = /*Get result from serives*/            
            
            result = JsonConvert.SerializeObject(dsShowFiles.Tables[0], Formatting.Indented, jss);
            return Json(result, JsonRequestBehavior.AllowGet);           

        }

Thanks for the advance


MP Manivannan Padmanaban Syncfusion Team March 5, 2019 03:41 AM

Hi Sateesh, 

Thanks for update. 

Query: Still am not getting. not able click the page buttons also. am not getting any java script error. 

In order to valid the reported issue, we request you to share the below details. 

  1. Share the Essential studio version. To get the Essential studio version please type ej.version in the console tab. Refer the below screenshot,
               
  1. Share the grid Model. To get the grid model please type  JSON.stringify($(".e-grid").ejGrid("model"))   in the console tab. Refer the below screenshot,

 

                 2a) copy the complete model using copy option and paste it in text file. And please share it to us. Refer the below screenshot. 

 


  1. Share the video demonstration of the issue.

Please get back to us with all of the above mentioned details. So, that we can able to find out the exact cause of the issue and provide the solution based on that. 

Regards, 
Manivannan Padmanaban. 
  


SK sateesh kumar March 5, 2019 11:37 PM

Hi Manivannan,

Sorry for the delay replay and can't able to share the video demonstrate.
Please find the attached file. kindly do the need full.


Thanks for the advance.
Sai Tanuj Kumar



Attachment: EJ_Grid_Pagging___20190306__272b0254.7z

VN Vignesh Natarajan Syncfusion Team March 7, 2019 06:05 AM

Hi J Sai Tanuj kumar , 
 
Thanks for your update.   
 
We have created a new incident under your direct trac for your requirement. For more clarification on your request, Kindly follow on that incident.  
 
 
Regards,
Vignesh Natarajan 


SK sateesh kumar March 16, 2019 05:52 AM

Hi Vignesh,

i have attached dummy project files in the incident. 


Thanks for the advance.

Attachment: Sapmple_EJ_Grid_f413869d.7z

VN Vignesh Natarajan Syncfusion Team March 18, 2019 02:14 AM

Hi Sai Tanuj, 
 
Thanks for the update. 
 
Query: Grid Paging is not working. 
 
We have prepared a sample using your code example and we are unable to reproduce the reported issue at our end. Please refer the below link for sample, 
 
 
After referring the above sample still facing the issue, please get back to us with the below mentioned details. 
 
1.      From the shared code, we could see that you have referred jQuery multiple times. Please refer the jQuery only one time.  
 
 
 
 
2.      And also you have referred the unobtrusive scripts in the layout file. So, please ensure whether are you set the UnobtrusiveJavaScriptEnabled as true in web.config. Refer the below screenshot, 
 
 
 
 
3.      Confirm whether are you receiving any script error in the console. If yes, please share the stack trace. 
4.      Reproduce the issue in the provided sample and revert back to us.  
 
Requested details are necessary for us to validate the reported issue at our end. 
 
Regards, 
Vignesh Natarajan. 
 


Loader.
Live Chat Icon For mobile
Up arrow icon