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

adding e-data-manager makes my grid disappear


I have a grid that's been working well but when I add the data manager to to the grid control the grid stop rendering. The purpose of the data manager is to perform database crud operations on the server. I have added a function on the ImportSessions controller called Insert.

        <ejs-grid id="Grid" dataSource=@ViewBag.DataSource load="load" allowPaging="true" allowReordering="true" allowResizing="true"
                  allowSorting="true" allowTextWrap="true" showColumnChooser="true" allowGrouping="true" allowFiltering="true"
                  toolbar="@(new List<string>() { "ColumnChooser", "Edit"})" gridLines="Both">

               <e-data-manager json="@ViewBag.DataSrouce" adaptor="RemoteSaveAdaptor" insertUrl="/ImportSessions/Insert"></e-data-manager>

            <e-grid-filtersettings type="Excel" columns="@(new List<object>()
                { new { field = $"{ImportSessionDetailsFinancialPeriod.Column.ImportSessionFinancialPeriod}",
                    matchCase = false, @operator = "equal", predicate = "and",
                    value = $"{Model.ImportSessionsLatestFinancialPeriod}" } })">

            <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Dialog"></e-grid-editSettings>
            <e-grid-textwrapsettings wrapMode="Content"></e-grid-textwrapsettings>
            <e-grid-pageSettings pageSize="20"></e-grid-pageSettings>
            <e-grid-groupSettings showDropArea="true" columns="@(new string[] { "TradingAccountId" })"></e-grid-groupSettings>

                <e-grid-column field="ImportSessionId" isPrimaryKey="true" isIdentity="true" visible="false" allowFiltering="false"></e-grid-column>
                <e-grid-column field="TradingAccountId" headerText="Account" textAlign="Left" width="80" visible="true" editType="dropdownedit" edit="new {@params = DropDownList }"></e-grid-column>
                <e-grid-column field="ImportSession" headerText="Import" textAlign="Left" width="160"></e-grid-column>
                <e-grid-column field="ImportSessionDate" headerText="Imported" width="60" allowEditing="false" editType="datepickeredit"></e-grid-column>
                <e-grid-column field="ImportSessionDataSourceRows" headerText="Rows" width="40" textAlign="Left" allowEditing="false"></e-grid-column>
                <e-grid-column field="ImportFileFormatType" headerText="Type" width="60" allowEditing="false"></e-grid-column>
                <e-grid-column field="ImportSessionFinancialPeriod" headerText="Period" width="60" allowEditing="false"></e-grid-column>
                <e-grid-column field="ImportSessionPeriodStartDate" headerText="First" width="60" allowEditing="false"></e-grid-column>
                <e-grid-column field="ImportSessionPeriodEndDate" headerText="Last" width="60" allowEditing="false"></e-grid-column>

3 Replies

TS Thavasianand Sankaranarayanan Syncfusion Team November 29, 2018 10:28 AM UTC

Hi Demetrio, 

Thanks for contacting Syncfusion 

We have prepared a sample with RemoteSaveAdaptor enabled in Grid. We suggest you to bind an array to the json property of e-data-manager tag in Grid.   

Refer the below code example. 


<ejs-grid id="Grid" toolbar="@(new List<string>() { "ColumnChooser", "Edit", "Add" })" allowPaging="true" allowReordering="true" > 
    <e-data-manager json="@ViewBag.datasource" adaptor="RemoteSaveAdaptor" insertUrl="/Home/Insert"></e-data-manager> 


public IActionResult Index() 
            var order = OrdersDetails.GetAllRecords(); 
          ViewBag.datasource = order.ToArray(); 
          return View(); 

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

If you still face the same issue then please get back to us. 
Thavasianand S. 

TO Tom November 29, 2018 11:31 PM UTC

thank you! that worked a treat.

I noticed whilst using the test project that the syncfusion packages on Nuget are of a later version than the syncfusion packages hosted on https://nuget.syncfusion.com/nuget_aspnetcore-js2/nuget/getsyncfusionpackages/aspnetcore-js2. Which package source should I use?

MS Madhu Sudhanan P Syncfusion Team November 30, 2018 04:52 AM UTC

Hi Demetrio,  

You can find the latest version of the Syncfusion EJ2 ASP.NET Core Nuget packages from the public registry. Please use the below nuget package. 

Madhu Sudhanan P 

Live Chat Icon For mobile
Up arrow icon