adding e-data-manager makes my grid disappear

[Tom]

Hello,

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" [email protected] 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-filtersettings>

            <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-columns>

                <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>

            </e-grid-columns>

        </ejs-grid>

[Thavasianand Sankaranarayanan]

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. 

[Index.cshtml] 

<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> 

    

         --- 

 

    <e-grid-columns> 

 

           ---- 

 

    </e-grid-columns> 

</ejs-grid> 

 

[HomeController.cs] 

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. 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/RemoteSaveAdaptor-758362644 

  

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

  

Regards, 

Thavasianand S. 

[Tom]

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?

[Madhu Sudhanan P]

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. 

https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/ 

Regards,  

Madhu Sudhanan P