MVC5 Grid not showing data

Hello;
We have a simple MVC5 application that is attempting to use the Syncfusion Grid for ASP.Net MVC
we are using the nugget packageSyncfusion.AspNet.Mvc514.1.0.46
We have the appropriate settings in the_Layout:
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/ej/web/bootstrap-theme/ej.web.all.min.css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@Scripts.Render("~/Scripts/jsrender.min.js")
@Scripts.Render("~/Scripts/ej/web/ej.web.all.min.js")
@RenderSection("scripts", required: false)
@Html.EJ().ScriptManager()
The grid does show the header and the paging area.
The grid shows that there are 16 items with 2 pages.
No data rows are shown though.

in the console we see the following error:
The client side code is as simple as possible:
    @(Html.EJ().Grid("FlatGrid")
                            .Datasource((IEnumerable)Model.pd)
                           .AllowPaging(true)
                    .Columns(col =>
                    {
           
                         col.Field(p => p.Name).HeaderText("test").TextAlign(TextAlign.Left).Add();
                    })
    )


The data consists of 16 items with 2 properties for simplicity sake, one string and one decimal. IN this example we are referencing only the string value.
The grid sees the 16 items as the paging section shows. But no data is visible, and cannot select the second page either.


9 Replies

BM Balasubramanian Masilamani Syncfusion Team February 13, 2018 12:25 PM UTC

Hi Ibrahim, 

Thanks for contacting Syncfusion support. 

We have checked your query and we are unable to reproduce the issue in our sample. We have also prepared a sample based on your code example and that can be downloaded from the below link. 

Please refer the given sample 

If the issue still exists then please share the following details 
1.       Share the Syncfusion essential studio version that you are using. 
2.       Grid Code example. 
3.       Controller code example. 
4.       If possible please share the sample with issue reproducing. 

The provided information will help us to analyze the issue and provide you the response as early as possible. 

Regards, 
Balasubramanian Masilamani 





AP Ashwini Paranthaman Syncfusion Team February 14, 2018 04:18 AM UTC

From: Ibrahim Malluf  
Sent: Tuesday, February 13, 2018 3:57 PM
To: Syncfusion Support
Subject: RE: Syncfusion support community forum 135896, MVC5 Grid not showing data, has been updated. 

You are kidding, Right??  

You have all of that information in the original post.  Did you even read my original message?  

nugget package Syncfusion.AspNet.Mvc5 14.1.0.46 


In my original post I supplied the client side grid code, the Syncfusion NuGet package version, two screen shots showing the how the Grid is displaying, and the client side error being produced.  As for the Controller Code, it just returns a model populated with a list of 16 items that contain a string and decimal value in each item. The server side is delivering the data. The Grid sees and uses the data.  It just does not show he rows of data.  

The Javascript error in the other screen shot should give you a clue as to what is happening. 

The grid is populated with the 16 items as can be seen in the screen shot that shows the grid paging panel with 2 pages and 16 total items. 




AP Ashwini Paranthaman Syncfusion Team February 14, 2018 04:19 AM UTC

From: Ibrahim Malluf
Sent: Tuesday, February 13, 2018 4:12 PM
To: Syncfusion Support
Subject: RE: Syncfusion support community forum 135896, MVC5 Grid not showing data, has been edited. 

In addition to my previous message; I downloaded your provided sample.  It is a MVC4 project (Mine is a MVC5 Project) that requires all of the MVC4 components plus Docker to run.   
I am running this in a clean VS 2017 Enterprise environment that I do not want to garbage up with unneeded libraries.  If you want to give me a sample to try out, why not provide a sample that is a purely MVC5 project. That would go a long way to seeing what the actual issue is. 




AP Ashwini Paranthaman Syncfusion Team February 14, 2018 04:20 AM UTC

From: Ibrahim Malluf
Sent: Tuesday, February 13, 2018 4:33 PM
To: Syncfusion Support
Subject: RE: Syncfusion support community forum 135896, MVC5 Grid not showing data, has been edited. 

And here is still yet more information: 

I was using JQuery 3.3.1 

I backed up the JQuery version to JQuery 2.2.4 

The grid is now working as expected.  I appears as if your Grid chokes up on JQuery 3.3.1. 

I need your product to operate properly on the latest versions of Javascript and supporting client side libraries. 

Will there be a fix for this in our future? 

Ibrahim 



SE Sathyanarayanamoorthy Eswararao Syncfusion Team February 15, 2018 12:59 PM UTC

Hi Ibrahim, 

Sorry for the inconvenience caused. 

In the previous update you have mentioned that you are using 14.1.0.46 Version Nuget packages. In older versions of Syncfusion Nuget packages the latest Jquery script files are not supported. So we suggest you to upgrade the  Syncfusion Nuget packages to the latest versions. 

Regards, 
Sathyanarayanamoorthy 



AP Ashwini Paranthaman Syncfusion Team February 27, 2018 04:50 AM UTC

From: Ibrahim Malluf
Sent: Monday, February 26, 2018 6:57 PM
To: Syncfusion Support
Subject: RE: Syncfusion support community forum 135896, MVC5 Grid not showing data, has been updated. 

You said: 
In the previous update you have mentioned that you are using 14.1.0.46 Version Nuget packages. In older versions of Syncfusion Nuget packages the latest Jquery script files are not supported. So we suggest you to upgrade the  Syncfusion Nuget packages to the latest versions.  

14.1.0.46 is the latest NuGet package!!! 

What I did do though, was upgraded my essentials studio to  16.14.0.24. 

The grid still will not show rows with latest Jquery….had to roll back to 2.2.4 in order for the Grid to display rows.   





                ret = ( ( jQuery.event.special[ handleObj.origType ] || {} ).handle || 
                                                                                                handleObj.handler ).apply( matched.elem, args ); 



SE Sathyanarayanamoorthy Eswararao Syncfusion Team February 28, 2018 05:39 PM UTC

Hi Ibrahim, 

We checked in our sample with the Nuget packages(version 16.1.0.24) and latest Jquery files but the grid is displaying the rows. 

 We have prepared a sample with the same requirement for your reference which can be downloaded from the below location. 


Regards, 
Sathyanarayanamoorthy 



IM Ibrahim Malluf March 1, 2018 04:05 AM UTC

Hello;

Using Sync 16.14.0.24 and JQuery 3.2.1.

The Grid shows rows....as expected.

Thanks....

Have other problems now and will start a new thread.




SE Sathyanarayanamoorthy Eswararao Syncfusion Team March 2, 2018 06:01 AM UTC

Hi Ibrahim, 
  
We are glad that your requirement has been met. Please create new thread for other issues and we will be happy to assist you.  
  
Regards, 
Sathyanarayanamoorthy 


Loader.
Up arrow icon