@params { get; set; }
+
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs
index 9121ff79d0..ed0c8784ab 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs
@@ -1,28 +1,17 @@
-using System;
-using System.Collections.Generic;
-using System.ComponentModel.DataAnnotations;
-using System.Linq;
-using System.Web;
-
-namespace EJ2MVCSampleBrowser.Models
+public class DialogTemplateModel
{
- public class DialogTemplateModel
- {
- [Required]
- public int? OrderID { get; set; }
- [Required, MinLength(3)]
- public string CustomerID { get; set; }
- public int? EmployeeID { get; set; }
- public double Freight { get; set; }
- public string ShipCity { get; set; }
- public bool Verified { get; set; }
- public DateTime OrderDate { get; set; }
-
- public string ShipName { get; set; }
-
- public string ShipCountry { get; set; }
-
- public DateTime ShippedDate { get; set; }
- public string ShipAddress { get; set; }
- }
+ [Required]
+ public int? OrderID { get; set; }
+ [Required, MinLength(3)]
+ public string CustomerID { get; set; }
+ public int? EmployeeID { get; set; }
+ public double Freight { get; set; }
+ public string ShipCity { get; set; }
+ public bool Verified { get; set; }
+ public DateTime OrderDate { get; set; }
+ public string ShipName { get; set; }
+ public string ShipCountry { get; set; }
+ public DateTime ShippedDate { get; set; }
+ public string ShipAddress { get; set; }
}
+
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/editpartial.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/editpartial.cs
index 6f144e65f5..aa0bbb2a3f 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/editpartial.cs
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/editpartial.cs
@@ -1,8 +1,4 @@
-@model TestApplication.Models.OrdersDetails
-@*//define the model for store the model values*@
-
-@using Syncfusion.EJ2
-
+@model Grid_Columns.Pages.DialogTemplateModel
-
-
-
)ViewBag.DataSource).ActionComplete("actionComplete").Columns(col =>
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).ActionComplete("actionComplete").Height("348px").Columns(col =>
{
col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true" }).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
- col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").Add();
-
-}).AllowPaging().PageSettings(page => page.PageCount(2)).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog).Template("#dialogtemplate"); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
-
-
+ col.Field("ShipCountry").HeaderText("Ship Country").Width("150").Add();
+}).AllowPaging().EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog).Template("#dialogtemplate"); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
-
-
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/tagHelper
index 74265846c5..635a1be3c6 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/dialogtemplate/tagHelper
@@ -1,57 +1,61 @@
-@{
- ViewData["Title"] = "DialogTemplate";
-}
-
-
-
-
-
-
-
-
+@Html.AntiForgeryToken()
+
+
+
+
-
-
+
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/razor
new file mode 100644
index 0000000000..1f221347ac
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/razor
@@ -0,0 +1,69 @@
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("EmployeeID").HeaderText("Employee ID").IsPrimaryKey(true).Width("120").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).ValidationRules(new { required = "true" }).Add();
+ col.Field("FirstName").HeaderText("First Name").ValidationRules(new { required = true }).Width("120").Add();
+ col.Field("LastName").HeaderText("Last Name").ValidationRules(new { required = true }).Width("120").Add();
+ col.Field("Title").HeaderText("Title").ValidationRules(new { required = true }).Width("130").Add();
+ col.HeaderText("Employee Image").Template("#template").Edit(new { create = "create", read = "read", destroy = "destroy", write = "write" }).Width("130").Add();
+}).ActionBegin("actionBegin").AllowPaging().EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/tagHelper
new file mode 100644
index 0000000000..ada79847c1
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/tagHelper
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/upload.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/upload.cs
new file mode 100644
index 0000000000..f297b66bbd
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/edit-upload/upload.cs
@@ -0,0 +1,5 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrdersDetails.GetAllRecords();
+ return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/dialog.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/dialog.cs
index da9dcb1404..d9ebad91a3 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/dialog.cs
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/dialog.cs
@@ -1,6 +1,5 @@
public IActionResult Index()
{
- var Order = OrderDetails.GetAllRecords();
- ViewBag.DataSource = Order;
+ ViewBag.DataSource = OrderDetails.GetAllRecords();
return View();
}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/razor
index 8959202e67..e3762692a3 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/razor
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/razor
@@ -1,19 +1,20 @@
-@Html.EJS().Grid("DialogTemplateEdit").DataSource((IEnumerable)ViewBag.DataSource).ActionComplete("actionComplete").Columns(col =>
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).ActionComplete("actionComplete").Height("348px").Columns(col =>
{
- col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = true }).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
- col.Field("CustomerID").HeaderText("Customer Name").Width("150").ValidationRules(new { required = true, minLength = 3 }).Add();
- col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").Add();
-
-}).AllowPaging().PageSettings(page => page.PageCount(2)).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog).Template("#dialogtemplate"); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
-
-
-
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/tagHelper
index dbe4ed9263..b0b9595de9 100644
--- a/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/tagHelper
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/tabediting/tagHelper
@@ -1,115 +1,125 @@
-@{
- ViewData["Title"] = "DialogTemplate";
-}
-
-
-
-
-
-
-
-
-
-
-
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/columnvalid.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/columnvalid.cs
new file mode 100644
index 0000000000..b05a68da4f
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/columnvalid.cs
@@ -0,0 +1,7 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrderDetails.GetAllRecords();
+ return View();
+}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/razor
new file mode 100644
index 0000000000..eb3cefd683
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/razor
@@ -0,0 +1,26 @@
+
+ @Html.EJS().CheckBox("checkbox").Label("Enable/Disable validation rule for customerID coulumn").Checked(true).Render()
+
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+ col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).ValidationRules(new { required = "true", min=1, max=1000 }).Add();
+ col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").ValidationRules(new { required = "true"}).Add();
+}).ActionComplete("actionComplete").EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/tagHelper
new file mode 100644
index 0000000000..150526eefe
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-add-remove/tagHelper
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/columnvalid.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/columnvalid.cs
new file mode 100644
index 0000000000..3f41497f9f
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/columnvalid.cs
@@ -0,0 +1,7 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrderDetails.GetAllRecords();
+ return View();
+}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/razor
new file mode 100644
index 0000000000..19d36c770e
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/razor
@@ -0,0 +1,7 @@
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("CustomerID").HeaderText("Customer Name").Width("150").ValidationRules(new { required = "true", minLength=5 }).Add();
+ col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).ValidationRules(new { required = "true", min=1, max=1000 }).Add();
+ col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").ValidationRules(new { required = "true"}).Add();
+}).EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/tagHelper
new file mode 100644
index 0000000000..fc5db6939b
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-columnvalid/tagHelper
@@ -0,0 +1,9 @@
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/customvalidation/customvalidation.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/customvalidation.cs
similarity index 100%
rename from ej2-asp-core-mvc/code-snippet/grid/edit/customvalidation/customvalidation.cs
rename to ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/customvalidation.cs
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/razor
new file mode 100644
index 0000000000..273d163647
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/razor
@@ -0,0 +1,16 @@
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+ col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).ValidationRules(new { required = "true", min=1, max=1000 }).Add();
+ col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").ValidationRules(new { required = "true"}).Add();
+}).Load("load").EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/tagHelper
new file mode 100644
index 0000000000..d06ff50773
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-customvalidation/tagHelper
@@ -0,0 +1,18 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/columnvalid.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/columnvalid.cs
new file mode 100644
index 0000000000..3f41497f9f
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/columnvalid.cs
@@ -0,0 +1,7 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrderDetails.GetAllRecords();
+ return View();
+}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/razor
new file mode 100644
index 0000000000..5cfd1e0565
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/razor
@@ -0,0 +1,124 @@
+@{
+ var jobRole = new List
+ {
+ new { role = "Team Lead" },
+ new { role = "Manager" },
+ new { role = "Engineer" },
+ new { role = "Sales" },
+ new { role = "Support" }
+ };
+ var salaryDetails = new List
+ {
+ new { Salary = 6000 },
+ new { Salary = 17000 },
+ new { Salary = 18000 },
+ new { Salary = 26000 },
+ new { Salary = 25000 },
+ new { Salary = 40000 },
+ new { Salary = 35000 },
+ new { Salary = 55000 },
+ new { Salary = 65000 }
+ };
+ var roleDropDownList = new Syncfusion.EJ2.DropDowns.DropDownList() { DataSource = jobRole, Query = "new ej.data.Query()", Fields = new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings() { Value = "role", Text = "role" }, AllowFiltering = true,Change="valueChange" };
+ var salaryDropDownList = new Syncfusion.EJ2.DropDowns.DropDownList() { DataSource = salaryDetails, Query = "new ej.data.Query()", Fields = new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings() { Value = "Salary", Text = "Salary" }, AllowFiltering = true,Change="customFunction" };
+}
+
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("EmployeeID").HeaderText("Employee ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("Role").HeaderText("Role").EditType("dropdownedit").Width("150").Edit(new { @params = roleDropDownList }).Add();
+ col.Field("Salary").HeaderText("Salary").EditType("dropdownedit").Width("150").Edit(new { @params = salaryDropDownList }).Add();
+ col.Field("Address").HeaderText("Address").Width("150").ValidationRules(new { required = "true"}).Add();
+}).Load("load").ActionBegin("actionBegin").EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/tagHelper
new file mode 100644
index 0000000000..da11a0619b
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-dropdown-change/tagHelper
@@ -0,0 +1,127 @@
+@{
+ var jobRole = new List
+ {
+ new { role = "Team Lead" },
+ new { role = "Manager" },
+ new { role = "Engineer" },
+ new { role = "Sales" },
+ new { role = "Support" }
+ };
+ var salaryDetails = new List
+ {
+ new { Salary = 6000 },
+ new { Salary = 17000 },
+ new { Salary = 18000 },
+ new { Salary = 26000 },
+ new { Salary = 25000 },
+ new { Salary = 40000 },
+ new { Salary = 35000 },
+ new { Salary = 55000 },
+ new { Salary = 65000 }
+ };
+ var roleDropDownList = new Syncfusion.EJ2.DropDowns.DropDownList() { DataSource = jobRole, Query = "new ej.data.Query()", Fields = new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings() { Value = "role", Text = "role" }, AllowFiltering = true,Change="valueChange" };
+ var salaryDropDownList = new Syncfusion.EJ2.DropDowns.DropDownList() { DataSource = salaryDetails, Query = "new ej.data.Query()", Fields = new Syncfusion.EJ2.DropDowns.DropDownListFieldSettings() { Value = "Salary", Text = "Salary" }, AllowFiltering = true,Change="customFunction" };
+}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/columnvalid.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/columnvalid.cs
new file mode 100644
index 0000000000..b05a68da4f
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/columnvalid.cs
@@ -0,0 +1,7 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource = OrderDetails.GetAllRecords();
+ return View();
+}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/razor
new file mode 100644
index 0000000000..e0cc63f249
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/razor
@@ -0,0 +1,31 @@
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).Height("348px").Columns(col =>
+{
+ col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = "true"}).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("CustomerID").HeaderText("Customer Name").Width("150").Add();
+ col.Field("Freight").HeaderText("Freight").Width("120").Format("C2").EditType("numericedit").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Edit(new { @params = new Syncfusion.EJ2.Inputs.NumericTextBox() { Change= "onChange" }}).Add();
+ col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").Width("150").ValidationRules(new { required = "true"}).Add();
+}).Load("load").EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Normal); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/tagHelper
new file mode 100644
index 0000000000..c566a032ac
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-numericcolumn/tagHelper
@@ -0,0 +1,33 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/razor b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/razor
new file mode 100644
index 0000000000..ba1cac98d9
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/razor
@@ -0,0 +1,40 @@
+@Html.EJS().Grid("grid").DataSource((IEnumerable)ViewBag.DataSource).ActionComplete("onActionComplete").Height("348px").Columns(col =>
+{
+ col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).Width("120").ValidationRules(new { required = true }).TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Add();
+ col.Field("CustomerID").HeaderText("Customer Name").Width("150").ValidationRules(new { required = true, minLength = 3 }).Add();
+ col.Field("Freight").HeaderText("Freight").Format("C2").EditType("numericedit").ValidationRules(new { required = true, min = 1, max=1000 }).Width("150").Add();
+ col.Field("ShipCountry").HeaderText("Ship Country").EditType("dropdownedit").ValidationRules(new { required = true }).Width("150").Add();
+}).AllowPaging().EditSettings(edit => { edit.AllowAdding(true).AllowEditing(true).AllowDeleting(true).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog).Template("#dialogtemplate"); }).Toolbar(new List() { "Add", "Edit", "Delete", "Update", "Cancel" }).Render()
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/tagHelper
new file mode 100644
index 0000000000..601f315f87
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/tagHelper
@@ -0,0 +1,41 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/validation.cs b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/validation.cs
new file mode 100644
index 0000000000..c83158f048
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/grid/edit/validation-position/validation.cs
@@ -0,0 +1,7 @@
+public IActionResult Index()
+{
+ ViewBag.DataSource =OrderDetails.GetAllRecords();
+ return View();
+}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/column-rendering.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/column-rendering.md
index edc43b0973..578b05ad54 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/column-rendering.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/columns/column-rendering.md
@@ -216,3 +216,37 @@ In the below example, we have used the `expand` query to load the nested Employe
{% endtabs %}
+
+### Complex data binding with list of array of objects
+
+The Syncfusion® Grid supports complex data binding with lists of arrays of objects. This feature allows you to bind complex data with multiple levels of nested objects and arrays to the Grid.
+
+The following example shows how to set complex field for datasource having array of objects.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/column-complexbinding/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Complexbinding.cs" %}
+{% include code-snippet/grid/columns/column-complexbinding/complexbinding.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### How to set complex column as foreign key column
+
+The Syncfusion® Grid control provides the ability to set complex columns as foreign key columns. This allows you to display related data from a foreign data source based on the complex column value.
+
+The following example demonstrates how to set the **Employee.EmployeeID** column as a foreign key column, and display the **FirstName** column from the foreign data.
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/foreignkey/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Foreignkey.cs" %}
+{% include code-snippet/grid/columns/foreignkey/foreignkey.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/command-column-editing.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/command-column-editing.md
index 8a9322506a..a366f717dc 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/command-column-editing.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/command-column-editing.md
@@ -8,12 +8,13 @@ publishingplatform: ##Platform_Name##
documentation: ug
---
+# Command column editing in ASP.NET MVC Grid component
-# Command Column Editing
+The command column editing feature allows you to add CRUD (Create, Read, Update, Delete) action buttons in a column for performing operations on individual rows.This feature is commonly used when you need to enable inline editing, deletion, or saving of row changes directly within the grid.
-The command column provides an option to add CRUD action buttons in a column. This can be defined by the [`Commands`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Commands) property of [`Column`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html).
+To enable command column editing, you can utilize the `Column.Commands` property. By defining this property, you can specify the command buttons to be displayed in the command column, such as Edit, Delete, Save, and Cancel.
-The available built-in command buttons are:
+The available built-in command buttons are:
| Command Button | Actions |
|----------------|---------|
@@ -22,55 +23,34 @@ The available built-in command buttons are:
| Save | Update the edited row.|
| Cancel | Cancel the edited state. |
-{% if page.publishingplatform == "aspnet-core" %}
-
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/commandcolumn/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="Commandcolumn.cs" %}
-{% include code-snippet/grid/edit/commandcolumn/commandcolumn.cs %}
-{% endhighlight %}
-{% endtabs %}
-
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+Here's an example that demonstrates how to add CRUD action buttons in a column using the `Commands` column property :
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/commandcolumn/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Commandcolumn.cs" %}
+{% highlight c# tabtitle="commandcolumn.cs" %}
{% include code-snippet/grid/edit/commandcolumn/commandcolumn.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
-
+
## Custom command column
-The custom command buttons can be added in a column by using the [`Commands`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Commands) property of [`Column`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html) and the action for the custom buttons can be defined using **commandClick** event.
-
-{% if page.publishingplatform == "aspnet-core" %}
+The custom command column feature in the Grid component allows you to add custom command buttons in a column to perform specific actions on individual rows. This feature is particularly useful when you need to provide customized functionality for editing, deleting, or performing any other operation on a row.
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customcommand/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="Customcommand.cs" %}
-{% include code-snippet/grid/edit/customcommand/customcommand.cs %}
-{% endhighlight %}
-{% endtabs %}
+To add custom command buttons in a column, you can utilize the `Column.Commands` property. Furthermore, you can define the actions associated with these custom buttons using the [CommandClick](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_CommandClick) event.
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+Here's an example that demonstrates how to add custom command buttons using the `Commands` property and customize the button click behavior to display grid details in a dialog using the `CommandClick` event:
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/customcommand/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Customcommand.cs" %}
+{% highlight c# tabtitle="customcommand.cs" %}
{% include code-snippet/grid/edit/customcommand/customcommand.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md
index ffaf7144f8..4d665ad3d2 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md
@@ -122,6 +122,27 @@ The following sample code demonstrates the customization applied to DropDownList
+### Provide custom data source for DropDownList component
+
+In Syncfusion® Grid component, you have an option to provide a custom data source for the [DropDownList](https://ej2.syncfusion.com/aspnetmvc/documentation/drop-down-list/getting-started) component in the edit form. This feature allows you to define a specific set of values for the DropDownList.
+
+To achieve this, you can utilize the `Columns->Edit->Params` property. This property allows you to define the edit params for the column within the grid.
+
+When setting a new data source using the edit params, you need to specify a new [Query](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Query) property for the DropDownList. The `Query` property allows you to define custom queries for data retrieval and filtering.
+
+In the below demo, DropDownList is rendered with custom data source for the **ShipCountry** column :
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/custom-data-params/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Dropdownlist-params.cs" %}
+{% include code-snippet/grid/edit/custom-data-params/dropdown-params.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Apply filtering for DropDownList component
The Syncfusion® Grid component provides filtering for the DropDownList within the edit form. This feature allows to select options from a predefined list and easily search for specific items using the built-in filtering feature.
@@ -456,6 +477,25 @@ The following example demonstrates how to render a RichTextEditor component in t
+### Render Upload component in edit form
+
+The Syncfusion Grid allows you to render an Upload control within the Grid's edit form. This feature is especially valuable when you need to upload and manage files or images in a specific column during data editing.
+
+To render Upload control in edit form, you need to define a cell edit template for the column using `edit` property. The **edit** property specifies the cell edit template that used as an editor for a particular column.
+
+The following example demonstrates how to render a Upload control in the **Employee Image** column of the Syncfusion Grid. The [ActionBegin](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_ActionBegin) event is handled to update the edited value in the grid when the save button is clicked:
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/edit-upload/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="upload.cs" %}
+{% include code-snippet/grid/edit/edit-upload/upload.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Render AutoComplete component in edit form
The Syncfusion® Grid allows you to render the AutoComplete component within the edit form by using the cell edit template feature.This feature enables you to select values from a predefined list during the editing of a specific column. It is especially valuable when you need to provide a dropdown-like auto-suggestion and input assistance for data entry in the Grid's columns.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/template-editing.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/template-editing.md
index 74e4c45c0e..b37c5f0233 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/template-editing.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/template-editing.md
@@ -8,81 +8,99 @@ publishingplatform: ##Platform_Name##
documentation: ug
---
+# Template editing in ASP.NET MVC Grid component
-# Template Editing
+The Syncfusion ASP.NET MVC Grid component supports template editing, providing a powerful and flexible way to customize the appearance and behavior of cells during editing. This feature allows you to use ASP.NET MVC templates to define the structure and content of the cells within the grid.
-## Inline or dialog template editing
+## Inline or dialog template editing
-The dialog template editing provides an option to customize the default behavior of dialog editing. Using the dialog template, you can render your own editors by defining the [`Mode`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) of [`EditSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html) as **Dialog/Inline** and [`Template`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template) as SCRIPT element ID or HTML string which holds the template.
+The Syncfusion Grid provides support for inline and dialog template editing, allowing you to customize the editing using `Forms`. These forms can be utilized to add and update grid records.
-In some cases, you need to add the new field editors in the dialog which are not present in the column model. In that situation, the template will help you to customize the default edit dialog.
+To enable this feature, you need to set the [EditSettings.Mode](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) property of the Grid to either **Normal** or **Dialog** and define the grid editors using [EditSetting.Template](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template).
-In the below code example, demonstrate the usage of binding a partial view in the dialog template.
+**Using Forms**
-{% if page.publishingplatform == "aspnet-core" %}
+Forms is a approach to create and manipulate the form controls. You can use form to add and update grid records. To use forms for editing operation, you can take leverage of the template support of dialog or inline edit mode. Setting the [EditSettings.Mode](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) as **Normal/Dialog** and use [EditSetting.Template](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template) property to specify a SCRIPT element ID or an HTML string that holds the template.
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/dialogtemplate/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="Addpatial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="AddpatialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatialMVC.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Dialog.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/dialog.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Dialogtemplatemodel.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Editpartial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="EditpartialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartialMVC.cs %}
-{% endhighlight %}
-{% endtabs %}
+In some cases, you want to add new field editors in the dialog which are not present in the column model. In that situation the dialog template will help us to customize the default edit dialog.
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+In the following sample, grid enabled with dialog template editing.
{% tabs %}
-{% highlight razor tabtitle="CSHTML" %}
+{% highlight cshtml tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/dialogtemplate/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Addpatial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="AddpatialMVC.cs" %}
+{% highlight c# tabtitle="AddPartial.cshtml" %}
{% include code-snippet/grid/edit/dialogtemplate/addpatialMVC.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Dialog.cs" %}
+{% highlight c# tabtitle="EditPartial.cshtml" %}
+{% include code-snippet/grid/edit/dialogtemplate/editpartialMVC.cs %}
+{% endhighlight %}
+{% highlight c# tabtitle="dialogData.cs" %}
{% include code-snippet/grid/edit/dialogtemplate/dialog.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Dialogtemplatemodel.cs" %}
+{% highlight c# tabtitle="DialogTemplateModel.cs" %}
{% include code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Editpartial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="EditpartialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartialMVC.cs %}
-{% endhighlight %}
{% endtabs %}
-{% endif %}
+| Add | Edit |
+| -------------- | ------------- |
+|  |  |
+
+> The template form editors should have **name** attribute.
+
+## Using template context
+
+You can enhance the customization of your grid's edit forms by utilizing template contexts, such as accessing row details inside template, rendering editors as components, getting values from editors, setting focus to editors, and disabling default form validation, and adding custom validation. These features are applicable in both **inline** and **dialog** editing modes.
+
+The following template context topics are demonstrated through a practical example in the [Render tab component inside the dialog template](https://ej2.syncfusion.com/aspnetmvc/documentation/grid/editing/template-editing#render-tab-component-inside-the-dialog-template) topic.
+
+### Access row details inside template using template context
+
+When utilizing edit templates in the Grid , you can access crucial row information within an template when utilizing edit templates. This enables dynamic binding of attributes, values, or elements based on the specific row being edited. This is particularly useful for conditionally rendering or modifying elements in the edit template based on the row's state.
+
+The following properties will be available at the time of template execution:
+
+| Property Name | Usage |
+|---------------|-------|
+| isAdd | A Boolean property that defines whether the current row is a new record or not. |
+
+The following code example demonstrates the usage of the `IsAdd` property in an edit template to disable the **OrderID** textbox when it's not a new record:
+
+```ts
+ ® provides built-in support for easy and effective data validation. This feature ensures that the data entered or modified adheres to predefined rules, preventing errors and guaranteeing the accuracy of the displayed information.
## Column validation
-Column validation allows you to validate the edited or added row data and it display errors for invalid fields before saving data. Grid uses **Form Validator** component for column validation. You can set validation rules by defining the [`ValidationRules`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_ValidationRules).
+Column validation allows you to validate the edited or added row data before saving it. This feature is particularly useful when you need to enforce specific rules or constraints on individual columns to ensure data integrity. By applying validation rules to columns, you can display error messages for invalid fields and prevent the saving of erroneous data. This feature leverages the **Form Validator** component to perform the validation. You can define validation rules using the `Columns.ValidationRules` property to specify the criteria for validating column values.
-{% if page.publishingplatform == "aspnet-core" %}
+The following code example demonstrates how to define a validation rule for grid column:
{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/columnvalid/tagHelper %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-columnvalid/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Columnvalid.cs" %}
-{% include code-snippet/grid/edit/columnvalid/columnvalid.cs %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-columnvalid/columnvalid.cs %}
{% endhighlight %}
{% endtabs %}
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+
+## Custom validation
+
+The Custom validation feature is used to define and enforce your own validation rules for specific columns in the Grid. This is achieved by leveraging the utilizing the **Form Validator custom rules**, you can enforce your desired validation logic and display error messages for invalid fields.
+
+In the below demo, custom validation applied for **CustomerID** column.
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/columnvalid/razor %}
+{% include code-snippet/grid/edit/validation-customvalidation/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Columnvalid.cs" %}
-{% include code-snippet/grid/edit/columnvalid/columnvalid.cs %}
+{% highlight c# tabtitle="customvalidation.cs" %}
+{% include code-snippet/grid/edit/validation-customvalidation/customvalidation.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
+### Custom validation based on dropdown change
-## Custom validation
+The Custom validation feature in the Grid allows you to apply validation rules and messages to a column based on the value of another column in edit mode. This feature is particularly useful when you need to enforce specific validation criteria that depend on the selection made in a dropdown column.
-You can define your own custom validation rules for the specific columns by using **Form Validator custom rules**.
+In the following sample, dropdownlist edit type is used for the **Role** and **Salary** columns. Here, you can apply the custom validation in the **Salary** column based on the value selected in the **Role** column.
-In the below demo, custom validation applied for **CustomerID** column.
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-dropdown-change/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-dropdown-change/columnvalid.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### Custom validation for numeric column
+
+Custom validation for a numeric column Grid is useful when you want to enforce specific validation rules on numeric values in a column. This allows you to define your own validation logic and display custom error messages when the you enters invalid data.
+
+In the following example, custom validation functions, namely **customFunction** and **customFunctionOne**, are defined to check the entered numeric value against your validation criteria. Then, the grid column is configured with the appropriate validation settings using the **freightRules** object, specifying the custom validation functions along with corresponding error messages. Additionally, the [Change](https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.Inputs.NumericTextBox.html#Syncfusion_EJ2_Inputs_NumericTextBox_Change) event of the numeric column is bound to the `validate` method of the form element through the edit params. This enables you to trigger validation and display error messages whenever the you modifies the value in the [NumericTextBox](https://ej2.syncfusion.com/aspnetmvc/documentation/numerictextbox/getting-started).
-{% if page.publishingplatform == "aspnet-core" %}
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-numericcolumn/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-numericcolumn/columnvalid.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+## Dynamically add or remove validation rules from the form
+
+You can dynamically add or remove validation rules from input elements within a form. This feature is particularly useful when you need to adjust the validation rules based on different scenarios or dynamically changing data.
+
+To add validation rules dynamically to an input element, you can use the `addRules` method. This method enables you to add validation rules to the corresponding input element based on the name attribute.
+
+The following example to demonstrates how to dynamically add or remove a required validation rule for an input field based on a **CheckBox** selection:
{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customvalidation/tagHelper %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-add-remove/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Customvalidation.cs" %}
-{% include code-snippet/grid/edit/customvalidation/customvalidation.cs %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-add-remove/columnvalid.cs %}
{% endhighlight %}
{% endtabs %}
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+
+>To remove an existing validation rule from an input element, you can use the `removeRules` method.
+
+## Change the position of validation error message
+
+By default, the validation error message in Grid is displayed below the input field. However, you have an option to customize its position and display it in a different location. This feature is particularly useful when you want to align the error message according to your application's design and layout.
+
+To change the position of the validation error message in Grid, you can utilize the `CustomPlacement` event. This event allows you to define a custom logic to position the error message at the desired location.
+
+Here's an example that demonstrates how to change the position of the validation error message to the top of the input field:
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customvalidation/razor %}
+{% include code-snippet/grid/edit/validation-position/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Customvalidation.cs" %}
-{% include code-snippet/grid/edit/customvalidation/customvalidation.cs %}
+{% highlight c# tabtitle="validation.cs" %}
+{% include code-snippet/grid/edit/validation-position/validation.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
+
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/aggregates/aggregates.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/aggregates/aggregates.md
index bd8886eab0..e27b7f063e 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/aggregates/aggregates.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/aggregates/aggregates.md
@@ -62,4 +62,25 @@ Here is an example that demonstrates how to use built-in aggregates types in the
{% endhighlight %}
{% endtabs %}
-
\ No newline at end of file
+
+
+## Multiple aggregates for a column
+
+Multiple aggregates for a column allows you to calculate and display different summary values simultaneously for a single column in a grid. Normally, a column is associated with a single aggregate function, such as sum, average, count and etc., which provides a single summary value for the entire column.
+
+However, in scenarios where you need to display multiple summary values for the same column, multiple aggregates come into play. This feature enables you to calculate and display various aggregate values, such as sum, average, minimum, maximum, or custom calculations, concurrently for a specific column.
+
+You can use multiple aggregates for a single column in the Syncfusion® ASP.Net Core Grid by specifying the aggregate `type` as an array.
+
+Here's an example of how to use multiple aggregates in the Syncfusion® ASP.Net Core Grid:
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/aggregate/aggregates-multiple/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="aggregate.cs" %}
+{% include code-snippet/grid/aggregate/aggregates-multiple/aggregate.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/column-rendering.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/column-rendering.md
index 467dbe718b..0378d40083 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/column-rendering.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/columns/column-rendering.md
@@ -216,3 +216,37 @@ In the below example, we have used the `expand` query to load the nested Employe
{% endtabs %}
+
+### Complex data binding with list of array of objects
+
+The Syncfusion® Grid supports complex data binding with lists of arrays of objects. This feature allows you to bind complex data with multiple levels of nested objects and arrays to the Grid.
+
+The following example shows how to set complex field for datasource having array of objects.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/column-complexbinding/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Complexbinding.cs" %}
+{% include code-snippet/grid/columns/column-complexbinding/complexbinding.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
+### How to set complex column as foreign key column
+
+The Syncfusion® Grid control provides the ability to set complex columns as foreign key columns. This allows you to display related data from a foreign data source based on the complex column value.
+
+The following example demonstrates how to set the **Employee.EmployeeID** column as a foreign key column, and display the **FirstName** column from the foreign data.
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/columns/foreignkey/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Foreignkey.cs" %}
+{% include code-snippet/grid/columns/foreignkey/foreignkey.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/command-column-editing.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/command-column-editing.md
index 2b7ebb01e5..25cb7eafb7 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/command-column-editing.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/command-column-editing.md
@@ -8,12 +8,13 @@ publishingplatform: ##Platform_Name##
documentation: ug
---
+# Command column editing in ASP.NET Core Grid component
-# Command Column Editing
+The command column editing feature allows you to add CRUD (Create, Read, Update, Delete) action buttons in a column for performing operations on individual rows.This feature is commonly used when you need to enable inline editing, deletion, or saving of row changes directly within the grid.
-The command column provides an option to add CRUD action buttons in a column. This can be defined by the [`commands`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Commands) property of [`e-grid-column`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_Columns) tag helper.
+To enable command column editing, you can utilize the `column.commands` property. By defining this property, you can specify the command buttons to be displayed in the command column, such as Edit, Delete, Save, and Cancel.
-The available built-in command buttons are:
+The available built-in command buttons are:
| Command Button | Actions |
|----------------|---------|
@@ -22,55 +23,35 @@ The available built-in command buttons are:
| Save | Update the edited row.|
| Cancel | Cancel the edited state. |
-{% if page.publishingplatform == "aspnet-core" %}
-
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/commandcolumn/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="Commandcolumn.cs" %}
-{% include code-snippet/grid/edit/commandcolumn/commandcolumn.cs %}
-{% endhighlight %}
-{% endtabs %}
-
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+Here's an example that demonstrates how to add CRUD action buttons in a column using the `commands` column property :
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/commandcolumn/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Commandcolumn.cs" %}
+{% highlight c# tabtitle="commandcolumn.cs" %}
{% include code-snippet/grid/edit/commandcolumn/commandcolumn.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
-
+
## Custom command column
-The custom command buttons can be added in a column by using the [`commands`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_Commands) property of [`e-grid-column`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_Columns) tag helper and the action for the custom buttons can be defined using **commandClick** event.
+The custom command column feature in the Grid component allows you to add custom command buttons in a column to perform specific actions on individual rows. This feature is particularly useful when you need to provide customized functionality for editing, deleting, or performing any other operation on a row.
-{% if page.publishingplatform == "aspnet-core" %}
+To add custom command buttons in a column, you can utilize the `column.commands` property. Furthermore, you can define the actions associated with these custom buttons using the [commandClick](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_CommandClick) event.
-{% tabs %}
-{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customcommand/tagHelper %}
-{% endhighlight %}
-{% highlight c# tabtitle="Customcommand.cs" %}
-{% include code-snippet/grid/edit/customcommand/customcommand.cs %}
-{% endhighlight %}
-{% endtabs %}
-
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+Here's an example that demonstrates how to add custom command buttons using the `commands` property and customize the button click behavior to display grid details in a dialog using the `commandClick` event:
{% tabs %}
{% highlight razor tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/customcommand/razor %}
{% endhighlight %}
-{% highlight c# tabtitle="Customcommand.cs" %}
+{% highlight c# tabtitle="customcommand.cs" %}
{% include code-snippet/grid/edit/customcommand/customcommand.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
+
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md
index 7364feeed0..dd125c3be5 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md
@@ -122,6 +122,27 @@ The following sample code demonstrates the customization applied to DropDownList
+### Provide custom data source for DropDownList component
+
+In Syncfusion® Grid component, you have an option to provide a custom data source for the [DropDownList](https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/getting-started) component in the edit form. This feature allows you to define a specific set of values for the DropDownList.
+
+To achieve this, you can utilize the `columns->edit->params` property. This property allows you to define the edit params for the column within the grid.
+
+When setting a new data source using the edit params, you need to specify a new [query](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.grids.grid.html#Syncfusion_EJ2_Grids_Grid_Query) property for the DropDownList. The `query` property allows you to define custom queries for data retrieval and filtering.
+
+In the below demo, DropDownList is rendered with custom data source for the **ShipCountry** column :
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/custom-data-params/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Dropdownlist-params.cs" %}
+{% include code-snippet/grid/edit/custom-data-params/dropdown-params.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Apply filtering for DropDownList component
The Syncfusion® Grid component provides filtering for the DropDownList within the edit form. This feature allows to select options from a predefined list and easily search for specific items using the built-in filtering feature.
@@ -456,6 +477,25 @@ The following example demonstrates how to render a RichTextEditor component in t
+### Render Upload component in edit form
+
+The Syncfusion Grid allows you to render an Upload control within the Grid's edit form. This feature is especially valuable when you need to upload and manage files or images in a specific column during data editing.
+
+To render Upload control in edit form, you need to define a cell edit template for the column using `edit` property. The **edit** property specifies the cell edit template that used as an editor for a particular column.
+
+The following example demonstrates how to render a Upload control in the **Employee Image** column of the Syncfusion Grid. The [actionBegin](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_ActionBegin) event is handled to update the edited value in the grid when the save button is clicked:
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/edit-upload/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="upload.cs" %}
+{% include code-snippet/grid/edit/edit-upload/upload.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
+
### Render AutoComplete component in edit form
The Syncfusion® Grid allows you to render the AutoComplete component within the edit form by using the cell edit template feature.This feature enables you to select values from a predefined list during the editing of a specific column. It is especially valuable when you need to provide a dropdown-like auto-suggestion and input assistance for data entry in the Grid's columns.
diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/template-editing.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/template-editing.md
index 75e9f8fbba..109610f719 100644
--- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/template-editing.md
+++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/template-editing.md
@@ -8,81 +8,99 @@ publishingplatform: ##Platform_Name##
documentation: ug
---
+# Template editing in ASP.NET Core Grid component
-# Template Editing
+The Syncfusion ASP.NET Core Grid component supports template editing, providing a powerful and flexible way to customize the appearance and behavior of cells during editing. This feature allows you to use ASP.NET Core templates to define the structure and content of the cells within the grid.
-## Inline or dialog template editing
+## Inline or dialog template editing
-The dialog template editing provides an option to customize the default behavior of dialog editing. Using the dialog template, you can render your own editors by defining the [`mode`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) property of [`e-grid-editSettings`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.Grid.html#Syncfusion_EJ2_Grids_Grid_EditSettings) tag helper as **Dialog/Inline** and [`template`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template) property as SCRIPT element ID or HTML string which holds the template.
+The Syncfusion Grid provides support for inline and dialog template editing, allowing you to customize the editing using `Forms`. These forms can be utilized to add and update grid records.
-In some cases, you need to add the new field editors in the dialog which are not present in the column model. In that situation, the template will help you to customize the default edit dialog.
+To enable this feature, you need to set the [editSettings.mode](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) property of the Grid to either **Normal** or **Dialog** and define the grid editors using [editSetting.template](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template).
-In the below code example, demonstrate the usage of binding a partial view in the dialog template.
+**Using Forms**
-{% if page.publishingplatform == "aspnet-core" %}
+Forms is a approach to create and manipulate the form controls. You can use form to add and update grid records. To use forms for editing operation, you can take leverage of the template support of dialog or inline edit mode. Setting the [editSettings.mode](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Mode) as **Normal/Dialog** and use [editSetting.template](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridEditSettings.html#Syncfusion_EJ2_Grids_GridEditSettings_Template) property to specify a SCRIPT element ID or an HTML string that holds the template.
+
+In some cases, you want to add new field editors in the dialog which are not present in the column model. In that situation the dialog template will help us to customize the default edit dialog.
+
+In the following sample, grid enabled with dialog template editing.
{% tabs %}
{% highlight cshtml tabtitle="CSHTML" %}
{% include code-snippet/grid/edit/dialogtemplate/tagHelper %}
{% endhighlight %}
-{% highlight c# tabtitle="Addpatial.cs" %}
+{% highlight c# tabtitle="AddPartial.cshtml" %}
{% include code-snippet/grid/edit/dialogtemplate/addpatial.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="AddpatialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatialMVC.cs %}
+{% highlight c# tabtitle="EditPartial.cshtml" %}
+{% include code-snippet/grid/edit/dialogtemplate/editpartial.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Dialog.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/dialog.cs %}
+{% highlight c# tabtitle="dialogData.cs" %}
+{% include code-snippet/grid/edit/dialogtemplate/dialogData.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Dialogtemplatemodel.cs" %}
+{% highlight c# tabtitle="DialogTemplateModel.cs" %}
{% include code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs %}
{% endhighlight %}
-{% highlight c# tabtitle="Editpartial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="EditpartialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartialMVC.cs %}
-{% endhighlight %}
{% endtabs %}
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+| Add | Edit |
+| -------------- | ------------- |
+|  |  |
-{% tabs %}
-{% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/dialogtemplate/razor %}
-{% endhighlight %}
-{% highlight c# tabtitle="Addpatial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="AddpatialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/addpatialMVC.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Dialog.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/dialog.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Dialogtemplatemodel.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/dialogtemplatemodel.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="Editpartial.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartial.cs %}
-{% endhighlight %}
-{% highlight c# tabtitle="EditpartialMVC.cs" %}
-{% include code-snippet/grid/edit/dialogtemplate/editpartialMVC.cs %}
-{% endhighlight %}
-{% endtabs %}
-{% endif %}
+> The template form editors should have **name** attribute.
+
+## Using template context
+
+You can enhance the customization of your grid's edit forms by utilizing template contexts, such as accessing row details inside template, rendering editors as components, getting values from editors, setting focus to editors, and disabling default form validation, and adding custom validation. These features are applicable in both **inline** and **dialog** editing modes.
+
+The following template context topics are demonstrated through a practical example in the [Render tab component inside the dialog template](https://ej2.syncfusion.com/aspnetcore/documentation/grid/editing/template-editing#render-tab-component-inside-the-dialog-template) topic.
+
+### Access row details inside template using template context
+
+When utilizing edit templates in the Grid , you can access crucial row information within an template when utilizing edit templates. This enables dynamic binding of attributes, values, or elements based on the specific row being edited. This is particularly useful for conditionally rendering or modifying elements in the edit template based on the row's state.
+The following properties will be available at the time of template execution:
+| Property Name | Usage |
+|---------------|-------|
+| isAdd | A Boolean property that defines whether the current row is a new record or not. |
-N> The Dialog/Inline template form editors should have **name** attribute.
+The following code example demonstrates the usage of the `isAdd` property in an edit template to disable the **OrderID** textbox when it's not a new record:
-## Get value from editor
+```ts
+ ® provides built-in support for easy and effective data validation. This feature ensures that the data entered or modified adheres to predefined rules, preventing errors and guaranteeing the accuracy of the displayed information.
## Column validation
-Column validation allows you to validate the edited or added row data and it display errors for invalid fields before saving data. Grid uses **Form Validator** component for column validation. You can set validation rules in [`validationRules`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html#Syncfusion_EJ2_Grids_GridColumn_ValidationRules) property of [`e-grid-column`](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Grids.GridColumn.html) tag helper.
+Column validation allows you to validate the edited or added row data before saving it. This feature is particularly useful when you need to enforce specific rules or constraints on individual columns to ensure data integrity. By applying validation rules to columns, you can display error messages for invalid fields and prevent the saving of erroneous data. This feature leverages the **Form Validator** component to perform the validation. You can define validation rules using the `columns.validationRules` property to specify the criteria for validating column values.
-{% if page.publishingplatform == "aspnet-core" %}
+The following code example demonstrates how to define a validation rule for grid column:
{% tabs %}
{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/columnvalid/tagHelper %}
+{% include code-snippet/grid/edit/validation-columnvalid/tagHelper %}
{% endhighlight %}
-{% highlight c# tabtitle="Columnvalid.cs" %}
-{% include code-snippet/grid/edit/columnvalid/columnvalid.cs %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-columnvalid/columnvalid.cs %}
{% endhighlight %}
{% endtabs %}
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+
+## Custom validation
+
+The Custom validation feature is used to define and enforce your own validation rules for specific columns in the Grid. This is achieved by leveraging the utilizing the **Form Validator custom rules**, you can enforce your desired validation logic and display error messages for invalid fields.
+
+In the below demo, custom validation applied for **CustomerID** column.
{% tabs %}
-{% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/columnvalid/razor %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-customvalidation/tagHelper %}
{% endhighlight %}
-{% highlight c# tabtitle="Columnvalid.cs" %}
-{% include code-snippet/grid/edit/columnvalid/columnvalid.cs %}
+{% highlight c# tabtitle="customvalidation.cs" %}
+{% include code-snippet/grid/edit/validation-customvalidation/customvalidation.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
+### Custom validation based on dropdown change
-## Custom validation
+The Custom validation feature in the Grid allows you to apply validation rules and messages to a column based on the value of another column in edit mode. This feature is particularly useful when you need to enforce specific validation criteria that depend on the selection made in a dropdown column.
-You can define your own custom validation rules for the specific columns by using **Form Validator custom rules**.
+In the following sample, dropdownlist edit type is used for the **Role** and **Salary** columns. Here, you can apply the custom validation in the **Salary** column based on the value selected in the **Role** column.
-In the below demo, custom validation applied for **CustomerID** column.
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-dropdown-change/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-dropdown-change/columnvalid.cs %}
+{% endhighlight %}
+{% endtabs %}
-{% if page.publishingplatform == "aspnet-core" %}
+
+
+### Custom validation for numeric column
+
+Custom validation for a numeric column Grid is useful when you want to enforce specific validation rules on numeric values in a column. This allows you to define your own validation logic and display custom error messages when the you enters invalid data.
+
+In the following example, custom validation functions, namely **customFunction** and **customFunctionOne**, are defined to check the entered numeric value against your validation criteria. Then, the grid column is configured with the appropriate validation settings using the **freightRules** object, specifying the custom validation functions along with corresponding error messages. Additionally, the [change](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Inputs.NumericTextBox.html#Syncfusion_EJ2_Inputs_NumericTextBox_Change) event of the numeric column is bound to the `validate` method of the form element through the edit params. This enables you to trigger validation and display error messages whenever the you modifies the value in the [NumericTextBox](https://ej2.syncfusion.com/aspnetcore/documentation/numerictextbox/getting-started).
{% tabs %}
{% highlight cshtml tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customvalidation/tagHelper %}
+{% include code-snippet/grid/edit/validation-numericcolumn/tagHelper %}
{% endhighlight %}
-{% highlight c# tabtitle="Customvalidation.cs" %}
-{% include code-snippet/grid/edit/customvalidation/customvalidation.cs %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-numericcolumn/columnvalid.cs %}
{% endhighlight %}
{% endtabs %}
-{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+
+## Dynamically add or remove validation rules from the form
+
+You can dynamically add or remove validation rules from input elements within a form. This feature is particularly useful when you need to adjust the validation rules based on different scenarios or dynamically changing data.
+
+To add validation rules dynamically to an input element, you can use the `addRules` method. This method enables you to add validation rules to the corresponding input element based on the name attribute.
+
+The following example to demonstrates how to dynamically add or remove a required validation rule for an input field based on a **CheckBox** selection:
{% tabs %}
-{% highlight razor tabtitle="CSHTML" %}
-{% include code-snippet/grid/edit/customvalidation/razor %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-add-remove/tagHelper %}
{% endhighlight %}
-{% highlight c# tabtitle="Customvalidation.cs" %}
-{% include code-snippet/grid/edit/customvalidation/customvalidation.cs %}
+{% highlight c# tabtitle="columnvalid.cs" %}
+{% include code-snippet/grid/edit/validation-add-remove/columnvalid.cs %}
{% endhighlight %}
{% endtabs %}
-{% endif %}
+
+
+
+> * To remove an existing validation rule from an input element, you can use the `removeRules` method.
+
+## Change the position of validation error message
+
+By default, the validation error message in Grid is displayed below the input field. However, you have an option to customize its position and display it in a different location. This feature is particularly useful when you want to align the error message according to your application's design and layout.
+
+To change the position of the validation error message in Grid, you can utilize the `customPlacement` event. This event allows you to define a custom logic to position the error message at the desired location.
+
+Here's an example that demonstrates how to change the position of the validation error message to the top of the input field:
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/grid/edit/validation-position/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="validation.cs" %}
+{% include code-snippet/grid/edit/validation-position/validation.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+
diff --git a/ej2-asp-core-mvc/grid/images/aggregates/aggregates-multiple.png b/ej2-asp-core-mvc/grid/images/aggregates/aggregates-multiple.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ba400d327c69a12000f61798219ff4b22eaa352
GIT binary patch
literal 35684
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
literal 0
HcmV?d00001
diff --git a/ej2-asp-core-mvc/grid/images/column-rendering/column-complex.png b/ej2-asp-core-mvc/grid/images/column-rendering/column-complex.png
new file mode 100644
index 0000000000000000000000000000000000000000..7acbf597aaa2364f9c1a07e7129d0c938fc8cdaa
GIT binary patch
literal 26241
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