Multipple Page Grid Display

[Doug Riley]

Good evening.  I have been attempting to load multiple pages within a data grid.  The second page continues to spin.  Below is my razor code followed by the attached screen shot.

        <div>
            @Html.EJS().Grid("Customers").DataSource(dataManager => { dataManager.Url("/Customer/GetCustomers").CrudUrl("/Customer/CRUDActions").Adaptor("UrlAdaptor").CrossDomain(true); }).ActionComplete("actionComplete").Width("100%").Height("550px").EnablePersistence(true).Columns(col =>
       {
           col.Type("checkbox").HeaderText("Select").Field("").Width("60").Add();
           col.Field("CustomerID").HeaderText("Customer #").Visible(false).IsPrimaryKey(true).TextAlign(TextAlign.Center).Add();
           col.Field("LastName").HeaderText("Last Name").Width("150").AllowResizing(true).Add();
           col.Field("FirstName").HeaderText("First Name").Width("150").AllowResizing(true).Add();
           col.Field("Address1").HeaderText("Address").Width("150").AllowResizing(true).Add();
           col.Field("Address2").HeaderText("").Width("50").AllowResizing(true).Add();
           col.Field("City").HeaderText("City").AutoFit(true).AllowResizing(true).Add();
           col.Field("State").HeaderText("State").AutoFit(true).AllowResizing(true).Add();
           col.Field("ZipCode").HeaderText("Zip Code").AutoFit(true).AllowResizing(true).Add();
           col.Field("Active").HeaderText("Active?").AutoFit(true).AllowResizing(true).TextAlign(TextAlign.Center).EditType("booleanedit").DisplayAsCheckBox(true).Add();
           col.Field("Locked").HeaderText("Locked?").AutoFit(true).AllowResizing(true).TextAlign(TextAlign.Center).EditType("booleanedit").DisplayAsCheckBox(true).Add();
           col.Field("EntryDate").HeaderText("Date Entered").AutoFit(true).AllowResizing(true).TextAlign(TextAlign.Center).Format("MM/dd/yyyy").AllowEditing(false).Add();
           col.Field("UpdateDate").HeaderText("Last Updated").AutoFit(true).AllowResizing(true).TextAlign(TextAlign.Center).Format("MM/dd/yyyy").AllowEditing(false).Add();
       }).AllowPaging().PageSettings(page => page.PageSize(5)).SelectionSettings(select => select.CheckboxMode(CheckboxSelectionType.ResetOnRowClick).Type(SelectionType.Multiple).PersistSelection(true)).AllowSorting(true).EditSettings(edit =>
       {
           edit.AllowEditing(true).AllowAdding(true).AllowDeleting(true).Mode(EditMode.Dialog);
       }).Toolbar(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
        </div>

Any help as to what I am doing incorrectly would be greatly appreciated.

Thank you!

Doug Riley

Attachment: GridPagingPage2_73fd1eb3.zip

[Praveenkumar Gajendiran]

Hi Doug,

Thanks for contacting Syncfusion support.

Based on your provided information, we have prepared a Grid sample using UrlAdaptor and checked your reported issue at our end, but we are not able to reproduce the reported issue. Please check the below sample for your reference.

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/mvc__sample423481235.zip 

So please share us the below information that will be helpful to validate further on this,  

1. kindly bind the actionFailure(This event triggers when any of the grid’s action is failed) event in the grid to catch the Exceptions and share the screenshot of the error details in that ActionFailure event.
   API link: https://ej2.syncfusion.com/javascript/documentation/api/grid/#actionfailure
2.  Syncfusion package version.
3. If possible share us a simple sample to replicate the problem or try reproducing it in the above provided sample. It would be helpful to identify your problem case better so that we can check and provide the solution based on that.

Please get back to us with the requested details which will be helpful for us to validate the reported issue at our end and provide solution as early as possible 

Regards,
Praveenkumar G