docs(890132): Added content for all features.

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/columns/text-align/razor

@@ -0,0 +1,12 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div id="container" style="width: 500px">
+    @Html.EJS().MultiColumnComboBox("text").DataSource((IEnumerable<object>)Model).Fields(new MultiColumnComboBoxFieldSettings
+    { Text = "Name", Value = "EmpID" }).Columns(col =>
+    {
+        col.Field("EmpID").Header("Employee ID").Width("90").Add();
+        col.Field("Name").Header("Name").TextAlign(TextAlign.Right).Width("90").Add();
+        col.Field("Designation").Header("Designation").Width("90").Add();
+        col.Field("Country").Header("Country").Width("70").Add();
+    }).Text("Michael").Render()
+</div>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/columns/text-align/tagHelper

@@ -0,0 +1,13 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div class="container" style="width: 500px">
+    <ejs-multicolumncombobox id="text" dataSource="ViewBag.EmpData" text="Michael">
+        <e-multicolumncombobox-fields text="Name" value="EmpID"></e-multicolumncombobox-fields>
+        <e-multicolumncombobox-columns>
+            <e-multicolumncombobox-column field="EmpID" header="Employee ID" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Name" header="Name" textAlign="Right" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Designation" header="Designation" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Country" header="Country" width="70"></e-multicolumncombobox-column>
+        </e-multicolumncombobox-columns>
+    </ejs-multicolumncombobox>
+</div>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/columns/text-align/text-align.cs

@@ -0,0 +1,37 @@
+public ActionResult Demo()
+{
+    var employees = new List<Employee>
+    {
+        new Employee { EmpID = 1001, Name = "Andrew Fuller", Designation = "Team Lead", Country = "England" },
+        new Employee { EmpID = 1002, Name = "Robert", Designation = "Developer", Country = "USA" },
+        new Employee { EmpID = 1003, Name = "Michael", Designation = "HR", Country = "Russia" },
+        new Employee { EmpID = 1004, Name = "Steven Buchanan", Designation = "Product Manager", Country = "Ukraine" },
+        new Employee { EmpID = 1005, Name = "Margaret Peacock", Designation = "Developer", Country = "Egypt" },
+        new Employee { EmpID = 1006, Name = "Janet Leverling", Designation = "Team Lead", Country = "Africa" },
+        new Employee { EmpID = 1007, Name = "Alice", Designation = "Product Manager", Country = "Australia" },
+        new Employee { EmpID = 1008, Name = "Bob", Designation = "Developer", Country = "India" },
+        new Employee { EmpID = 1009, Name = "John", Designation = "Product Manager", Country = "Ireland" },
+        new Employee { EmpID = 1010, Name = "Mario Pontes", Designation = "Team Lead", Country = "South Africa" },
+        new Employee { EmpID = 1011, Name = "Yang Wang", Designation = "Developer", Country = "Russia" },
+        new Employee { EmpID = 1012, Name = "David", Designation = "Product Manager", Country = "Egypt" },
+        new Employee { EmpID = 1013, Name = "Antonio Bianchi", Designation = "Team Lead", Country = "USA" },
+        new Employee { EmpID = 1014, Name = "Laura", Designation = "Developer", Country = "England" },
+        new Employee { EmpID = 1015, Name = "Carlos Hernandez", Designation = "Developer", Country = "Canada" },
+        new Employee { EmpID = 1016, Name = "Lily", Designation = "Product Manager", Country = "France" },
+        new Employee { EmpID = 1017, Name = "Tom Williams", Designation = "Developer", Country = "Ukraine" },
+        new Employee { EmpID = 1018, Name = "Grace", Designation = "Developer", Country = "Australia" },
+        new Employee { EmpID = 1019, Name = "Olivia", Designation = "Team Lead", Country = "Ireland" },
+        new Employee { EmpID = 1020, Name = "James", Designation = "Developer", Country = "China" }
+    };
+
+    ViewBag.EmpData = employees;
+    return View(ViewBag.EmpData);
+}
+
+public class Employee
+{
+	public int EmpID { get; set; }
+	public string Name { get; set; }
+	public string Designation { get; set; }
+	public string Country { get; set; }
+}

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionBegin/actionBegin.cs

@@ -0,0 +1,37 @@
+public ActionResult Demo()
+{
+    var employees = new List<Employee>
+    {
+        new Employee { EmpID = 1001, Name = "Andrew Fuller", Designation = "Team Lead", Country = "England" },
+        new Employee { EmpID = 1002, Name = "Robert", Designation = "Developer", Country = "USA" },
+        new Employee { EmpID = 1003, Name = "Michael", Designation = "HR", Country = "Russia" },
+        new Employee { EmpID = 1004, Name = "Steven Buchanan", Designation = "Product Manager", Country = "Ukraine" },
+        new Employee { EmpID = 1005, Name = "Margaret Peacock", Designation = "Developer", Country = "Egypt" },
+        new Employee { EmpID = 1006, Name = "Janet Leverling", Designation = "Team Lead", Country = "Africa" },
+        new Employee { EmpID = 1007, Name = "Alice", Designation = "Product Manager", Country = "Australia" },
+        new Employee { EmpID = 1008, Name = "Bob", Designation = "Developer", Country = "India" },
+        new Employee { EmpID = 1009, Name = "John", Designation = "Product Manager", Country = "Ireland" },
+        new Employee { EmpID = 1010, Name = "Mario Pontes", Designation = "Team Lead", Country = "South Africa" },
+        new Employee { EmpID = 1011, Name = "Yang Wang", Designation = "Developer", Country = "Russia" },
+        new Employee { EmpID = 1012, Name = "David", Designation = "Product Manager", Country = "Egypt" },
+        new Employee { EmpID = 1013, Name = "Antonio Bianchi", Designation = "Team Lead", Country = "USA" },
+        new Employee { EmpID = 1014, Name = "Laura", Designation = "Developer", Country = "England" },
+        new Employee { EmpID = 1015, Name = "Carlos Hernandez", Designation = "Developer", Country = "Canada" },
+        new Employee { EmpID = 1016, Name = "Lily", Designation = "Product Manager", Country = "France" },
+        new Employee { EmpID = 1017, Name = "Tom Williams", Designation = "Developer", Country = "Ukraine" },
+        new Employee { EmpID = 1018, Name = "Grace", Designation = "Developer", Country = "Australia" },
+        new Employee { EmpID = 1019, Name = "Olivia", Designation = "Team Lead", Country = "Ireland" },
+        new Employee { EmpID = 1020, Name = "James", Designation = "Developer", Country = "China" }
+    };
+
+    ViewBag.EmpData = employees;
+    return View(ViewBag.EmpData);
+}
+
+public class Employee
+{
+	public int EmpID { get; set; }
+	public string Name { get; set; }
+	public string Designation { get; set; }
+	public string Country { get; set; }
+}

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionBegin/razor

@@ -0,0 +1,18 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div id="container" style="width: 500px">
+    @Html.EJS().MultiColumnComboBox("actionBegin").DataSource((IEnumerable<object>)Model).ActionBegin("function(args) { actionBegin(args) }").Fields(new MultiColumnComboBoxFieldSettings
+    { Text = "Name", Value = "EmpID" }).Columns(col =>
+    {
+        col.Field("EmpID").Header("Employee ID").Width("90").Add();
+        col.Field("Name").Header("Name").Width("90").Add();
+        col.Field("Designation").Header("Designation").Width("90").Add();
+        col.Field("Country").Header("Country").Width("70").Add();
+    }).Render()
+</div>
+
+<script>
+    function actionBegin(args) {
+        // your required action here..
+    }
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionBegin/tagHelper

@@ -0,0 +1,19 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div class="container" style="width: 500px">
+    <ejs-multicolumncombobox id="actionBegin" dataSource="ViewBag.EmpData" actionBegin="function(args){ actionBegin(args) }">
+        <e-multicolumncombobox-fields text="Name" value="EmpID"></e-multicolumncombobox-fields>
+        <e-multicolumncombobox-columns>
+            <e-multicolumncombobox-column field="EmpID" header="Employee ID" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Name" header="Name" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Designation" header="Designation" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Country" header="Country" width="70"></e-multicolumncombobox-column>
+        </e-multicolumncombobox-columns>
+    </ejs-multicolumncombobox>
+</div>
+
+<script>
+    function actionBegin(args) {
+    // your required action here..
+}
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionComplete/actionComplete.cs

@@ -0,0 +1,37 @@
+public ActionResult Demo()
+{
+    var employees = new List<Employee>
+    {
+        new Employee { EmpID = 1001, Name = "Andrew Fuller", Designation = "Team Lead", Country = "England" },
+        new Employee { EmpID = 1002, Name = "Robert", Designation = "Developer", Country = "USA" },
+        new Employee { EmpID = 1003, Name = "Michael", Designation = "HR", Country = "Russia" },
+        new Employee { EmpID = 1004, Name = "Steven Buchanan", Designation = "Product Manager", Country = "Ukraine" },
+        new Employee { EmpID = 1005, Name = "Margaret Peacock", Designation = "Developer", Country = "Egypt" },
+        new Employee { EmpID = 1006, Name = "Janet Leverling", Designation = "Team Lead", Country = "Africa" },
+        new Employee { EmpID = 1007, Name = "Alice", Designation = "Product Manager", Country = "Australia" },
+        new Employee { EmpID = 1008, Name = "Bob", Designation = "Developer", Country = "India" },
+        new Employee { EmpID = 1009, Name = "John", Designation = "Product Manager", Country = "Ireland" },
+        new Employee { EmpID = 1010, Name = "Mario Pontes", Designation = "Team Lead", Country = "South Africa" },
+        new Employee { EmpID = 1011, Name = "Yang Wang", Designation = "Developer", Country = "Russia" },
+        new Employee { EmpID = 1012, Name = "David", Designation = "Product Manager", Country = "Egypt" },
+        new Employee { EmpID = 1013, Name = "Antonio Bianchi", Designation = "Team Lead", Country = "USA" },
+        new Employee { EmpID = 1014, Name = "Laura", Designation = "Developer", Country = "England" },
+        new Employee { EmpID = 1015, Name = "Carlos Hernandez", Designation = "Developer", Country = "Canada" },
+        new Employee { EmpID = 1016, Name = "Lily", Designation = "Product Manager", Country = "France" },
+        new Employee { EmpID = 1017, Name = "Tom Williams", Designation = "Developer", Country = "Ukraine" },
+        new Employee { EmpID = 1018, Name = "Grace", Designation = "Developer", Country = "Australia" },
+        new Employee { EmpID = 1019, Name = "Olivia", Designation = "Team Lead", Country = "Ireland" },
+        new Employee { EmpID = 1020, Name = "James", Designation = "Developer", Country = "China" }
+    };
+
+    ViewBag.EmpData = employees;
+    return View(ViewBag.EmpData);
+}
+
+public class Employee
+{
+	public int EmpID { get; set; }
+	public string Name { get; set; }
+	public string Designation { get; set; }
+	public string Country { get; set; }
+}

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionComplete/razor

@@ -0,0 +1,18 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div id="container" style="width: 500px">
+    @Html.EJS().MultiColumnComboBox("actionComplete").DataSource((IEnumerable<object>)Model).ActionComplete("function(args) { actionComplete(args) }").Fields(new MultiColumnComboBoxFieldSettings
+    { Text = "Name", Value = "EmpID" }).Columns(col =>
+    {
+        col.Field("EmpID").Header("Employee ID").Width("90").Add();
+        col.Field("Name").Header("Name").Width("90").Add();
+        col.Field("Designation").Header("Designation").Width("90").Add();
+        col.Field("Country").Header("Country").Width("70").Add();
+    }).Render()
+</div>
+
+<script>
+    function actionComplete(args) {
+        // your required action here..
+    }
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionComplete/tagHelper

@@ -0,0 +1,19 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div class="container" style="width: 500px">
+    <ejs-multicolumncombobox id="actionComplete" dataSource="ViewBag.EmpData" actionComplete="function(args){ actionComplete(args) }">
+        <e-multicolumncombobox-fields text="Name" value="EmpID"></e-multicolumncombobox-fields>
+        <e-multicolumncombobox-columns>
+            <e-multicolumncombobox-column field="EmpID" header="Employee ID" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Name" header="Name" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Designation" header="Designation" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Country" header="Country" width="70"></e-multicolumncombobox-column>
+        </e-multicolumncombobox-columns>
+    </ejs-multicolumncombobox>
+</div>
+
+<script>
+    function actionComplete(args) {
+    // your required action here..
+}
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionFailure/actionFailure.cs

@@ -0,0 +1,37 @@
+public ActionResult Demo()
+{
+    var employees = new List<Employee>
+    {
+        new Employee { EmpID = 1001, Name = "Andrew Fuller", Designation = "Team Lead", Country = "England" },
+        new Employee { EmpID = 1002, Name = "Robert", Designation = "Developer", Country = "USA" },
+        new Employee { EmpID = 1003, Name = "Michael", Designation = "HR", Country = "Russia" },
+        new Employee { EmpID = 1004, Name = "Steven Buchanan", Designation = "Product Manager", Country = "Ukraine" },
+        new Employee { EmpID = 1005, Name = "Margaret Peacock", Designation = "Developer", Country = "Egypt" },
+        new Employee { EmpID = 1006, Name = "Janet Leverling", Designation = "Team Lead", Country = "Africa" },
+        new Employee { EmpID = 1007, Name = "Alice", Designation = "Product Manager", Country = "Australia" },
+        new Employee { EmpID = 1008, Name = "Bob", Designation = "Developer", Country = "India" },
+        new Employee { EmpID = 1009, Name = "John", Designation = "Product Manager", Country = "Ireland" },
+        new Employee { EmpID = 1010, Name = "Mario Pontes", Designation = "Team Lead", Country = "South Africa" },
+        new Employee { EmpID = 1011, Name = "Yang Wang", Designation = "Developer", Country = "Russia" },
+        new Employee { EmpID = 1012, Name = "David", Designation = "Product Manager", Country = "Egypt" },
+        new Employee { EmpID = 1013, Name = "Antonio Bianchi", Designation = "Team Lead", Country = "USA" },
+        new Employee { EmpID = 1014, Name = "Laura", Designation = "Developer", Country = "England" },
+        new Employee { EmpID = 1015, Name = "Carlos Hernandez", Designation = "Developer", Country = "Canada" },
+        new Employee { EmpID = 1016, Name = "Lily", Designation = "Product Manager", Country = "France" },
+        new Employee { EmpID = 1017, Name = "Tom Williams", Designation = "Developer", Country = "Ukraine" },
+        new Employee { EmpID = 1018, Name = "Grace", Designation = "Developer", Country = "Australia" },
+        new Employee { EmpID = 1019, Name = "Olivia", Designation = "Team Lead", Country = "Ireland" },
+        new Employee { EmpID = 1020, Name = "James", Designation = "Developer", Country = "China" }
+    };
+
+    ViewBag.EmpData = employees;
+    return View(ViewBag.EmpData);
+}
+
+public class Employee
+{
+	public int EmpID { get; set; }
+	public string Name { get; set; }
+	public string Designation { get; set; }
+	public string Country { get; set; }
+}

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionFailure/razor

@@ -0,0 +1,18 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div id="container" style="width: 500px">
+    @Html.EJS().MultiColumnComboBox("actionFailure").DataSource((IEnumerable<object>)Model).ActionFailure("function(args) { actionFailure(args) }").Fields(new MultiColumnComboBoxFieldSettings
+    { Text = "Name", Value = "EmpID" }).Columns(col =>
+    {
+        col.Field("EmpID").Header("Employee ID").Width("90").Add();
+        col.Field("Name").Header("Name").Width("90").Add();
+        col.Field("Designation").Header("Designation").Width("90").Add();
+        col.Field("Country").Header("Country").Width("70").Add();
+    }).Render()
+</div>
+
+<script>
+    function actionFailure(args) {
+        // your required action here..
+    }
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/actionFailure/tagHelper

@@ -0,0 +1,19 @@
+@using Syncfusion.EJ2.MultiColumnComboBox;
+
+<div class="container" style="width: 500px">
+    <ejs-multicolumncombobox id="actionFailure" dataSource="ViewBag.EmpData" actionFailure="function(args){ actionFailure(args) }">
+        <e-multicolumncombobox-fields text="Name" value="EmpID"></e-multicolumncombobox-fields>
+        <e-multicolumncombobox-columns>
+            <e-multicolumncombobox-column field="EmpID" header="Employee ID" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Name" header="Name" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Designation" header="Designation" width="90"></e-multicolumncombobox-column>
+            <e-multicolumncombobox-column field="Country" header="Country" width="70"></e-multicolumncombobox-column>
+        </e-multicolumncombobox-columns>
+    </ejs-multicolumncombobox>
+</div>
+
+<script>
+    function actionFailure(args) {
+    // your required action here..
+}
+</script>

ej2-asp-core-mvc/code-snippet/multicolumn-combobox/events/change/change.cs

@@ -0,0 +1,37 @@
+public ActionResult Demo()
+{
+    var employees = new List<Employee>
+    {
+        new Employee { EmpID = 1001, Name = "Andrew Fuller", Designation = "Team Lead", Country = "England" },
+        new Employee { EmpID = 1002, Name = "Robert", Designation = "Developer", Country = "USA" },
+        new Employee { EmpID = 1003, Name = "Michael", Designation = "HR", Country = "Russia" },
+        new Employee { EmpID = 1004, Name = "Steven Buchanan", Designation = "Product Manager", Country = "Ukraine" },
+        new Employee { EmpID = 1005, Name = "Margaret Peacock", Designation = "Developer", Country = "Egypt" },
+        new Employee { EmpID = 1006, Name = "Janet Leverling", Designation = "Team Lead", Country = "Africa" },
+        new Employee { EmpID = 1007, Name = "Alice", Designation = "Product Manager", Country = "Australia" },
+        new Employee { EmpID = 1008, Name = "Bob", Designation = "Developer", Country = "India" },
+        new Employee { EmpID = 1009, Name = "John", Designation = "Product Manager", Country = "Ireland" },
+        new Employee { EmpID = 1010, Name = "Mario Pontes", Designation = "Team Lead", Country = "South Africa" },
+        new Employee { EmpID = 1011, Name = "Yang Wang", Designation = "Developer", Country = "Russia" },
+        new Employee { EmpID = 1012, Name = "David", Designation = "Product Manager", Country = "Egypt" },
+        new Employee { EmpID = 1013, Name = "Antonio Bianchi", Designation = "Team Lead", Country = "USA" },
+        new Employee { EmpID = 1014, Name = "Laura", Designation = "Developer", Country = "England" },
+        new Employee { EmpID = 1015, Name = "Carlos Hernandez", Designation = "Developer", Country = "Canada" },
+        new Employee { EmpID = 1016, Name = "Lily", Designation = "Product Manager", Country = "France" },
+        new Employee { EmpID = 1017, Name = "Tom Williams", Designation = "Developer", Country = "Ukraine" },
+        new Employee { EmpID = 1018, Name = "Grace", Designation = "Developer", Country = "Australia" },
+        new Employee { EmpID = 1019, Name = "Olivia", Designation = "Team Lead", Country = "Ireland" },
+        new Employee { EmpID = 1020, Name = "James", Designation = "Developer", Country = "China" }
+    };
+
+    ViewBag.EmpData = employees;
+    return View(ViewBag.EmpData);
+}
+
+public class Employee
+{
+	public int EmpID { get; set; }
+	public string Name { get; set; }
+	public string Designation { get; set; }
+	public string Country { get; set; }
+}