adding e-data-manager makes my grid disappear

Tom

Asked On November 28, 2018 07:39 AM UTC

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

Reply | Reply with quote

Thavasianand Sankaranarayanan [Syncfusion]

Replied On 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.

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

Reply | Reply with quote

Tom

Replied On 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?

Reply | Reply with quote

Madhu Sudhanan P [Syncfusion]

Replied On 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.

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

Regards,

Madhu Sudhanan P

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
141171	Nov 28,2018 07:39 AM UTC	Nov 30,2018 04:52 AM UTC	ASP.NET Core - EJ 2	3

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US