Merge pull request #2 from SyncfusionExamples/GH-3725-DataGrid

Sample(GH-3725): Auto generate column in blazor data grid

Author: sathiskumarKR

Blazor_WebAssembly/Data_Annotations/Pages/Index.razor

@@ -4,26 +4,26 @@
 @using System.ComponentModel.DataAnnotations;
 @using System.ComponentModel;
 
-<SfGrid TValue="OrderDetails" DataSource="@Orders" Toolbar="@(new List<string>() {  "Edit", "Update", "Cancel" })">
+<SfGrid TValue="Order" DataSource="@Orders" Toolbar="@(new List<string>() {  "Edit", "Update", "Cancel" })">
     <GridEditSettings AllowEditing="true" />
 </SfGrid>
 
 @code
 {
-    public List<OrderDetails>? Orders { get; set; }
+    public List<Order>? Orders { get; set; }
     protected override void OnInitialized()
     {
         base.OnInitialized();
         Orders = Enumerable.Range(1, 10).Select(x => new OrderDetails()
         {
             OrderID = 10240 + x,
-            CustomerName = new string[] { "VINET", "TOSMP", "HANAR", "VICTE" }[new Random().Next(4)],
+            Name = new string[] { "VINET", "TOSMP", "HANAR", "VICTE" }[new Random().Next(4)],
             Freight = new float[] { 32.28f, 22.90f, 30.99f, 50.52f }[new Random().Next(4)],
             ShipCity = new string[] { "Reims", "Munster", "Rio de Janeir", "Lyon" }[new Random().Next(4)],
             OrderDate = DateTime.Now.AddDays(x),
         }).ToList();
     }
-    public class OrderDetails
+    public class Order
     {
         //Denotes one or more properties that uniquely identify an entity.
         [Key] 
@@ -32,17 +32,17 @@
         public int? OrderID { get; set; }
 
         [Display(Name = "CustomerName")]
-        public string? CustomerName { get; set; }
-
-        //Specifies how data fields are displayed and formatted by ASP.NET dynamic data
-        [DisplayFormat(DataFormatString = "c2")]
-        public float Freight { get; set; }
+        public string? Name { get; set; }
 
         //Specifies whether the property this attribute is bound to be read only.
         [ReadOnly(true)]
         [Display(Name = "Ship City", AutoGenerateField = true, Order = 3)]
         public string? ShipCity { get; set; }
 
+        //Specifies how data fields are displayed and formatted by ASP.NET dynamic data
+        [DisplayFormat(DataFormatString = "c2")]
+        public float Freight { get; set; }
+
         // Indicates whether the data field is editable.
         [Editable(false)]
         [Display(Name = "Order Date")]

Blazor_server/Data_Annotations/Pages/Index.razor

@@ -4,26 +4,26 @@
 @using System.ComponentModel.DataAnnotations;
 @using System.ComponentModel;
 
-<SfGrid TValue="OrderDetails" DataSource="@Orders" Toolbar="@(new List<string>() {  "Edit", "Update", "Cancel" })">
+<SfGrid TValue="Order" DataSource="@Orders" Toolbar="@(new List<string>() {  "Edit", "Update", "Cancel" })">
     <GridEditSettings AllowEditing="true" />
 </SfGrid>
 
 @code
 {
-    public List<OrderDetails>? Orders { get; set; }
+    public List<Order>? Orders { get; set; }
     protected override void OnInitialized()
     {
         base.OnInitialized();
         Orders = Enumerable.Range(1, 10).Select(x => new OrderDetails()
         {
             OrderID = 10240 + x,
-            CustomerName = new string[] { "VINET", "TOSMP", "HANAR", "VICTE" }[new Random().Next(4)],
+            Name = new string[] { "VINET", "TOSMP", "HANAR", "VICTE" }[new Random().Next(4)],
             Freight = new float[] { 32.28f, 22.90f, 30.99f, 50.52f }[new Random().Next(4)],
             ShipCity = new string[] { "Reims", "Munster", "Rio de Janeir", "Lyon" }[new Random().Next(4)],
             OrderDate = DateTime.Now.AddDays(x),
         }).ToList();
     }
-    public class OrderDetails
+    public class Order
     {
         //Denotes one or more properties that uniquely identify an entity.
         [Key] 
@@ -32,17 +32,17 @@
         public int? OrderID { get; set; }
 
         [Display(Name = "CustomerName")]
-        public string? CustomerName { get; set; }
-
-        //Specifies how data fields are displayed and formatted by ASP.NET dynamic data
-        [DisplayFormat(DataFormatString = "c2")]
-        public float Freight { get; set; }
+        public string? Name { get; set; }
 
         //Specifies whether the property this attribute is bound to be read only.
         [ReadOnly(true)]
         [Display(Name = "Ship City", AutoGenerateField = true, Order = 3)]
         public string? ShipCity { get; set; }
 
+        //Specifies how data fields are displayed and formatted by ASP.NET dynamic data
+        [DisplayFormat(DataFormatString = "c2")]
+        public float Freight { get; set; }
+
         // Indicates whether the data field is editable.
         [Editable(false)]
         [Display(Name = "Order Date")]