diff --git a/ej2-asp-core-mvc/listview/EJ2_ASP.MVC/ej1-api-migration.md b/ej2-asp-core-mvc/listview/EJ2_ASP.MVC/ej1-api-migration.md index 65a8fc0e07..7748bf6447 100644 --- a/ej2-asp-core-mvc/listview/EJ2_ASP.MVC/ej1-api-migration.md +++ b/ej2-asp-core-mvc/listview/EJ2_ASP.MVC/ej1-api-migration.md @@ -8,7 +8,7 @@ publishingplatform: ##Platform_Name## documentation: ug --- -# Migration from Essential® JS 1 +# EJ1 API migration in ASP.NET MVC ListView component This article describes the API migration process of ListView control from Essential® JS 1 to Essential® JS 2. @@ -18,7 +18,7 @@ This article describes the API migration process of ListView control from Essent | Fields | **Property:** *FieldSettings*

`@Html.EJ().ListView("list").FieldSettings(e => e.Text("text"))` | **Property:** *Fields*

**Inner properties:** *child, enabled, groupBy htmlAttributes, iconCss, id, isChecked etc.*


`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).Fields(new Syncfusion.EJ2.Lists.ListViewFieldSettings { GroupBy="type"}).Render()`| | Template | **Property:** *RenderTemplate*

`@Html.EJ().ListView("list").RenderTemplate(true)`
`.TemplateId("template")`

`
Data 1
Data 2
Data 3
`| **Property:** *Template*

`@{ var template = "
${text}
"; }`

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).Template(template).Render()`| | Animation | **Not Applicable** | **Property:** *Animation*

`List animation = new List();`
`animation.Add(new { effect = "SlideLeft", duration = "400", easing = "ease" });`

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).Animation(ViewBag.animation).Render()`| -| Enable | **Not Applicable** |**Property:** *Enable*

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).Enable(true).Render()`| +| Enabled | **Not Applicable** |**Property:** *Enabled*

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).Enabled(true).Render()`| | Template for grouping | **Not Applicable** | **Property:** *GroupTemplate*

`@{ var groupTemplate = "
${text}
"; }`

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).GroupTemplate(groupTemplate).Render()` | | Template for header |**Not Applicable** | **Property:** *HeaderTemplate*

`@{ var headerTemplate = "
${text}
"; }`

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).HeaderTemplate(headerTemplate).Render()`| | HTML attributes |**Not Applicable**| **Property:** *HtmlAttributes*

`@{`
`IDictionary htmlAttribute = new Dictionary();`
`htmlAttribute.Add("class", "listViewCustom");`
`}`

`@Html.EJS().ListView("list").DataSource((IEnumerable)`
`ViewBag.dataSource).HtmlAttributes(htmlAttribute).Render()`| diff --git a/ej2-asp-core-mvc/listview/EJ2_ASP.NETCORE/ej1-api-migration.md b/ej2-asp-core-mvc/listview/EJ2_ASP.NETCORE/ej1-api-migration.md index 8e3e46a682..cb17535e6c 100644 --- a/ej2-asp-core-mvc/listview/EJ2_ASP.NETCORE/ej1-api-migration.md +++ b/ej2-asp-core-mvc/listview/EJ2_ASP.NETCORE/ej1-api-migration.md @@ -8,7 +8,7 @@ publishingplatform: ##Platform_Name## documentation: ug --- -# Migration from Essential® JS 1 +# EJ1 API migration in ASP.NET Core ListView component This article describes the API migration process of ListView control from Essential® JS 1 to Essential® JS 2 @@ -18,7 +18,7 @@ This article describes the API migration process of ListView control from Essent | Fields | **Property:** *fieldSettings*
``
``
`` | **Property:** *fields*
**Inner properties:** *child, enabled, groupBy htmlAttributes, iconCss, id, isChecked, isVisible, sortBy, tableName, text, tooltip.*

``
``
``| | Template | **Property:** *render-template*
``

`
Data 1
Data 2
Data 3
`| **Property:** *template*
`@{ var template = "
${text}
"; }`

``| | Animation | **Not Applicable** | **Property:** *animation*
`List animation = new List();`
`animation.Add(new { effect = "SlideLeft", duration = "400", easing = "ease" });`

``| -| Enable | **Not Applicable** |**Property:** *enable*
``| +| Enabled | **Not Applicable** |**Property:** *enabled*
``| | Template for grouping | **Not Applicable** | **Property:** *groupTemplate*
`@{ var groupTemplate = "
${text}
"; }`

`` | | Template for header |**Not Applicable** | **Property:** *headerTemplate*
`@{ var headerTemplate = "
${text}
"; }`

``| | HTML attributes |**Not Applicable**| **Property:** *htmlAttributes*
`@{`
`IDictionary htmlAttribute = new Dictionary();`
`htmlAttribute.Add("class", "listViewCustom");`
`}`

``|