Multiple grids on same page not showing

[Kaushik Chincholikar]

Hi,

I have 3 grids of following type- @(Html.EJ().Grid<Object>("FlatGrid")...   on same page, each using different ViewBag as data source. All 3 ViewBags are getting initiated in same action method. But only one grid is getting displayed at one time. Data is getting correctly returned from the controller for all 3 grids. 

Any help appreciated. Thanks in advance.

Regards,

Kaushik

[Thavasianand Sankaranarayanan]

Hi Kaushik, 

Thanks for contacting Syncfusion support. 

We have analyzed your query and we suspect that you want to render three Grid in a single page. We are unable reproduce the reported issue “Only one Grid get rendered in browser” from our end. But we suspect that you may mention same Grid id for the three Grid if so, then give different Grid ID for each. 

Refer the below code example. 

[GridFeatures.cshtml] 

<div> 

    <h1>First Grid</h1> 

    <div> 

        @(Html.EJ().Grid<Object>("FlatGrid") 

        .Datasource((IEnumerable<object>)ViewBag.DataSource) 

        .AllowPaging() 

         

         --- 

 

        ) 

    </div> 

    <br/> 

    <h1>Second Grid</h1> 

    <div> 

        @(Html.EJ().Grid<Object>("FlatGrid2") 

        .Datasource((IEnumerable<object>)ViewBag.DataSource2) 

        .AllowPaging() 

         

        ---- 

 

        ) 

    </div> 

    <br /> 

    <h1>Third Grid</h1> 

    <div> 

        @(Html.EJ().Grid<Object>("FlatGrid3") 

        .Datasource((IEnumerable<object>)ViewBag.DataSource3) 

        .AllowPaging() 

         

         --- 

 

        ) 

    </div> 

    <br /> 

 

</div> 

 

--------------------------------------------------------------- 

[GridController.cs] 

public ActionResult GridFeatures() 

        { 

            ViewBag.DataSource = new NorthwindDataContext().OrdersViews.ToList(); 

            ViewBag.DataSource2 = new NorthwindDataContext().EmployeeViews.ToList(); 

            ViewBag.DataSource3 = new NorthwindDataContext().OrdersViews.ToList(); 

            return View(); 

             

        } 

We have prepared a sample and it can be downloadable from the below location. 

Sample: http://www.syncfusion.com/downloads/support/forum/137058/ze/SyncfusionMvcApplication13_(8)-2022558082.zip 

Refer the help documentation. 

Link: https://help.syncfusion.com/aspnetmvc/grid/getting-started 

Regards, 

Thavasianand S. 

[Kaushik Chincholikar]

Hi,

Thanks for the help. That exactly was the issue. 

Regards,

Kaushik

[Thavasianand Sankaranarayanan]

Hi Kaushik, 

 

We are happy that the problem has been solved. 

 

Please get back to us if you need any further assistance.  

                          

Regards, 

Thavasianand S.