Seo 187689 ej2 asp.net core document editor overview page with redirect link

ej2-asp-core-mvc/EJ2_ASP.NETCORE/introduction.md

@@ -1,6 +1,6 @@
 ---
 layout: post
-title: Introduction of Syncfusion ##Platform_Name## controls
+title: Introduction of Syncfusion ##Platform_Name## Controls | Syncfusion
 description: Learn here all about introduction of 70+ Syncfusion ##Platform_Name## UI controls powered by Essential JS 2.
 platform: ej2-asp-core-mvc
 control: Common
@@ -16,7 +16,7 @@ Essential JS 2 for ASP.NET Core is a modern enterprise UI toolkit that has been
 
 * The best way to get started would be to read the "Getting Started" section of the documentation for the control that you would like to start using first. The "Getting Started" guide gives just enough information that you need to know before starting to write code. This is the only section that is recommended to read end-to-end before starting to write code, all other information can be referred as needed.
 
-* Now that you are familiar with the basics of using the control, the next step would be to start integrating the control into your application. A good starting point would be to refer to the code snippets in the [online sample browser](http://ej2.syncfusion.com/aspnetcore/) which contains hundreds of code samples, it is very likely that you will find a code sample that resembles your intended usage scenario.
+* Now that you are familiar with the basics of using the control, the next step would be to start integrating the control into your application. A good starting point would be to refer to the code snippets in the [online sample browser](https://ej2.syncfusion.com/aspnetcore/grid/gridoverview#/fluent2) which contains hundreds of code samples, it is very likely that you will find a code sample that resembles your intended usage scenario.
 
 * Another valuable resource is the API reference which provides detailed information on the object hierarchy as well as the settings available on every object.
 

ej2-asp-core-mvc/Release-notes/26.2.10.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="August 20, 2024"  version="v26.2.10" %}
+
+{% directory path: _includes/release-notes/v26.2.10 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/Release-notes/26.2.11.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="August 27, 2024"  version="v26.2.11" %}
+
+{% directory path: _includes/release-notes/v26.2.11 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/Release-notes/26.2.12.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="September 03, 2024"  version="v26.2.12" %}
+
+{% directory path: _includes/release-notes/v26.2.12 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/Release-notes/26.2.8.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="August 06, 2024"  version="v26.2.8" %}
+
+{% directory path: _includes/release-notes/v26.2.8 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/Release-notes/26.2.9.md

@@ -0,0 +1,16 @@
+---
+title: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+description: Essential Studio for ##Platform_Name## Weekly Release Release Notes  
+platform: ej2-asp-core-mvc
+documentation: ug
+---
+
+# Essential Studio for ##Platform_Name##  Release Notes  
+
+{% include release-info.html date="August 13, 2024"  version="v26.2.9" %}
+
+{% directory path: _includes/release-notes/v26.2.9 %}
+
+{% include {{file.url}} %}
+
+{% enddirectory %}

ej2-asp-core-mvc/code-snippet/grid/columns/resizeevents/resizeevents.cs → ej2-asp-core-mvc/code-snippet/grid/columns/auto-primary/primary.cs

@@ -1,6 +1,6 @@
 public IActionResult Index()
 {
     var Order = OrderDetails.GetAllRecords();
-    ViewBag.DataSource = Order;
+    ViewBag.dataSource = Order;
     return View();
 } 

ej2-asp-core-mvc/code-snippet/grid/columns/primary/razor → ej2-asp-core-mvc/code-snippet/grid/columns/auto-primary/razor

@@ -2,8 +2,6 @@
 
 <script>
     function dataBound() {
-        var grid = document.getElementById('Auto').ej2_instances[0];
-        var column = grid.columns[0];
-        column.isPrimaryKey = 'true';
+        document.getElementById('Auto').ej2_instances[0].columns[0].isPrimaryKey = 'true';
     }
 </script>

ej2-asp-core-mvc/code-snippet/grid/columns/auto-primary/tagHelper

@@ -0,0 +1,10 @@
+<ejs-grid id="Auto" dataSource="@ViewBag.dataSource" dataBound="dataBound">
+    <e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true">
+    </e-grid-editSettings>
+</ejs-grid>
+
+<script>
+    function dataBound() {
+        document.getElementById('Auto').ej2_instances[0].columns[0].isPrimaryKey = 'true';
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/auto/razor

@@ -1 +1 @@
-@Html.EJS().Grid("Auto").DataSource((IEnumerable<object>)ViewBag.dataSource).Render()
+@Html.EJS().Grid("Auto").AllowPaging(true).DataSource((IEnumerable<object>)ViewBag.DataSource).Render()

ej2-asp-core-mvc/code-snippet/grid/columns/auto/tagHelper

@@ -1,3 +1,2 @@
-<ejs-grid id="Grid" dataSource="@ViewBag.DataSource">
-
+<ejs-grid id="Grid" allowPaging=true dataSource="@ViewBag.DataSource">   
 </ejs-grid>

ej2-asp-core-mvc/code-snippet/grid/columns/autocolumnformat/razor

@@ -1,17 +1,19 @@
-@Html.EJS().Grid("Auto").DataSource((IEnumerable<object>)ViewBag.dataSource).DataBound("dataBound").Render()
-
+@Html.EJS().Grid("Auto").DataSource((IEnumerable<object>)ViewBag.DataSource).DataBound("dataBound").Render()
 <script>
     function dataBound() {
-        for (var i = 0; i < this.columns.length; i++) {
-            this.columns[0].width = 120;
-            if (this.columns[i].field === "OrderDate") {
-                this.columns[i].type = "date";
+        const grid = document.getElementById('Auto').ej2_instances[0];
+        for (const cols of grid.columns) {
+            if (cols.field === 'OrderID') {
+                cols.width = 120;
             }
-            if (this.columns[i].type === "date") {
-                this.columns[i].format = { type: "date", format: "dd/MM/yyyy" };
+            if (cols.field === 'OrderDate') {
+                cols.type = 'date';
+                cols.format = 'yMd';
+            }
+            if (cols.field === 'Freight') {
+                cols.format = 'P2';
             }
-            this.columns[3].format = "P2";
         }
-        this.refreshColumns();
+        grid.refreshColumns();
     }
 </script>

ej2-asp-core-mvc/code-snippet/grid/columns/autocolumnformat/tagHelper

@@ -4,16 +4,19 @@
 
 <script>
     function dataBound() {
-        for (var i = 0; i < this.columns.length; i++) {
-            this.columns[0].width = 120;
-            if (this.columns[i].field === "OrderDate") {
-                this.columns[i].type = "date";
+        const grid = document.getElementById('Auto').ej2_instances[0];
+        for (const cols of grid.columns) {
+            if (cols.field === 'OrderID') {
+                cols.width = 120;
             }
-            if (this.columns[i].type === "date") {
-                this.columns[i].format = { type: "date", format: "dd/MM/yyyy" };
+            if (cols.field === 'OrderDate') {
+                cols.type = 'date';
+                cols.format = 'yMd';
+            }
+            if (cols.field === 'Freight') {
+                cols.format = 'P2';
             }
-            this.columns[3].format = "P2";
         }
-        this.refreshColumns();
+        grid.refreshColumns();
     }
 </script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-array/arraytypecolumns.cs

@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var ComplexData = ComplexData.GetAllRecords();
+    ViewBag.DataSource = ComplexData;
+    return View();
+} 

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-array/razor

@@ -0,0 +1,16 @@
+@{
+    var valueAccess = "valueAccessFn";
+}
+
+@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.DataSource).Height(350).Columns(col =>
+{
+    col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("Name").HeaderText("Full Name").ValueAccessor(valueAccess).Width("150").Add();
+    col.Field("Title").HeaderText("Title").Width("150").Add();
+}).Render()
+
+<script>
+    function valueAccessFn(field, data) {
+        return data[field].map((s) => { return s.LastName || s.FirstName; }).join(' ');
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-array/tagHelper

@@ -0,0 +1,17 @@
+@{
+    var valueAccess = "valueAccessFn";
+}
+
+<ejs-grid id="Grid" dataSource="@ViewBag.DataSource" height="350" >    
+    <e-grid-columns>
+        <e-grid-column field="EmployeeID" headerText="Employee ID" width="150" ></e-grid-column>
+        <e-grid-column field="Name" headerText="Full Name" width="150"></e-grid-column>
+        <e-grid-column field="Title" headerText="Title" width="150"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+
+<script>
+    function valueAccessFn(field, data) {
+        return data[field].map((s) => { return s.LastName || s.FirstName; }).join(' ');
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-expression/expressioncolumn.cs

@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var Order = FoodDetails.GetAllRecords();
+    ViewBag.DataSource = Order;
+    return View();
+} 

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-expression/razor

@@ -0,0 +1,19 @@
+@{ 
+    var totalCalories = "totalCaloriesFn";
+}
+
+@Html.EJS().Grid("ValueAccessor").DataSource((IEnumerable<object>)ViewBag.DataSource).Height(350).Columns(col =>
+{
+    col.Field("FoodName").HeaderText("Food Name").Width("150").Add();
+    col.Field("Protein").HeaderText("Protein").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("Fat").HeaderText("Fat").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("80").Add();
+    col.Field("Carbohydrate").HeaderText("Carbohydrate").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.HeaderText("Calories Intake").ValueAccessor(totalCalories).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("150").Add();
+
+}).Render()
+
+<script>
+    function totalCaloriesFn(field, data) {
+        return data.Protein * 4 + data.Fat * 9 + data.Carbohydrate * 4;
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-expression/tagHelper

@@ -0,0 +1,19 @@
+@{ 
+    var totalCalories = "totalCaloriesFn";
+}
+
+<ejs-grid id="ValueAccessor" dataSource="@ViewBag.DataSource" height="280">
+    <e-grid-columns>
+        <e-grid-column field='FoodName' headerText='Food Name' width=150></e-grid-column>
+        <e-grid-column field='Protein' headerText='Protein' textAlign='Right' width=120></e-grid-column>
+        <e-grid-column field='Fat' headerText='Fat' textAlign='Right' width=80></e-grid-column>
+        <e-grid-column field='Carbohydrate' headerText='Carbohydrate' textAlign='Right' width=120></e-grid-column>
+        <e-grid-column headerText='Calories Intake' textAlign='Right' valueAccessor='totalCalories' width=150></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+
+<script>
+    function totalCaloriesFn(field, data) {
+        return data.Protein * 4 + data.Fat * 9 + data.Carbohydrate * 4;
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-remote/razor

@@ -0,0 +1,12 @@
+@Html.EJS().Grid("Grid").DataSource(dataManger =>
+{
+    dataManger.Url("https://services.odata.org/V4/Northwind/Northwind.svc/Orders/").CrossDomain(true).Adaptor("ODataV4Adaptor");
+
+}).Query("new ej.data.Query().expand('Employee')").Columns(col =>
+{
+    col.Field("OrderID").HeaderText("Order ID").Width("100").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("120").Add();
+     col.Field("ShipCity").HeaderText("Ship City").Width("130").Add();
+    col.Field("Employee.City").HeaderText("City").Width("130").Add();
+
+}).AllowPaging().Render()

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-remote/tagHelper

@@ -0,0 +1,10 @@
+<ejs-grid id="Grid" allowPaging='true' query="new ej.data.Query().expand('Employee')"  >    
+  <e-data-manager url="https://services.odata.org/V4/Northwind/Northwind.svc/Orders/" crossdomain="true" adaptor="ODataV4Adaptor"></e-data-manager>
+    <e-grid-columns>
+        <e-grid-column field="OrderID" headerText="Order ID" width="100" ></e-grid-column>
+        <e-grid-column field="CustomerID" headerText="Customer ID"  width="120"></e-grid-column>
+        <e-grid-column field="ShipCity" headerText="Ship City"  width="130"></e-grid-column>
+        <e-grid-column field="Employee.City" headerText="City"  width="130"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-serial/razor

@@ -0,0 +1,23 @@
+@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.dataSource).Height(350).Columns(col =>
+{
+    col.HeaderText("S.No").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Width("90").Add();
+    col.Field("OrderID").HeaderText("Order ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+    col.Field("Freight").HeaderText("Freight").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add();
+    col.Field("ShipCity").HeaderText("Ship City").Width("150").Add();
+}).AllowPaging().RowDataBound("rowDataBound").Render()
+</div>
+<script>
+    function rowDataBound(args) {
+        let grid = document.getElementById('Grid').ej2_instances[0];
+        if (args.row) {
+            var rowIndex = parseInt(args.row.getAttribute('aria-rowIndex'));
+            var currentPageNumber = grid.pageSettings.currentPage;
+            var pageSize = grid.pageSettings.pageSize;
+            var startIndex = (currentPageNumber - 1) * pageSize;
+            args.row.querySelector('.e-rowcell').innerHTML = (
+                startIndex + rowIndex
+            ).toString();
+        }
+    }
+</script>

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-serial/serialnumber.cs

@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+    var Order = OrdersDetails.GetAllRecords();
+    ViewBag.dataSource = Order;
+    return View();
+} 

ej2-asp-core-mvc/code-snippet/grid/columns/column-render-serial/tagHelper

@@ -0,0 +1,23 @@
+<ejs-grid id="Grid" dataSource="@ViewBag.dataSource" height="350" rowDataBound='rowDataBound' allowPaging="true">
+    <e-grid-columns>
+        <e-grid-column headerText='S.No' width=90 textAlign='Center'></e-grid-column>
+        <e-grid-column field="OrderID" headerText="Order ID" width="100" textAlign="Right"></e-grid-column>
+        <e-grid-column field="CustomerID" headerText="Customer Name" width="120"></e-grid-column>
+        <e-grid-column field="Freight" headerText="Freight" textAlign="Right" width="120" ></e-grid-column>
+        <e-grid-column field="ShipCity"  headerText="Ship City" width="150"></e-grid-column>
+    </e-grid-columns>
+</ejs-grid>
+<script>
+    function rowDataBound (args) {
+        let grid = document.getElementById('Grid').ej2_instances[0];
+        if (args.row) {
+            var rowIndex = parseInt(args.row.getAttribute('aria-rowIndex'));
+            var currentPageNumber = grid.pageSettings.currentPage;
+            var pageSize = grid.pageSettings.pageSize;
+            var startIndex = (currentPageNumber - 1) * pageSize;
+            args.row.querySelector('.e-rowcell').innerHTML = (
+                startIndex + rowIndex
+            ).toString();
+        }
+    }
+</script>