Datasource with model and Data Annotations with URL insert, edit, delete in a grid with dialogtemplate

[Carlos Palomino]

Dear,

How datasource can be used to model and Data Annotations with URL insert, edit, delete in a grid with dialogtemplate?

Greetings.

[Jayaprakash Kamaraj]

Hi Carlos, 

Thank you for contacting Syncfusion support. 

We have prepared a sample with the Data Annotation and it can be downloaded from the following location. 

Sample: http://www.syncfusion.com/downloads/support/forum/124436/ze/SyncfusionMvcApplication90-1808560736 

We have prepared Order class which holds the data annotation properties of the required columns of Grid and its class name can be given as type of object for the Grid as shown below. We need to refer  jquery.validate.min.js and jquery.validate.unobtrusive.min.js scripts for validation. So, please refer to these script files in your sample. Also refer to the below help document and code example. 

Help Documentation: http://help.syncfusion.com/aspnetmvc/grid/editing#validation 

    <script src="Scripts/jquery.validate.min.js"></script> 

    <script src="Scripts/jquery.validate.unobtrusive.min.js"></script> 

@using SyncfusionMvcApplication90.Models 

 

@(Html.EJ().Grid<Order>("FlatGrid") 

                        .Datasource(ds => ds.URL("/Grid/DataSource").UpdateURL("/Grid/Update").InsertURL("/Grid/Insert").RemoveURL("/Grid/Delete").Adaptor(AdaptorType.UrlAdaptor)) 

        .. 

       .Columns(col => 

        { 

.. 

            col.Field("CustomerID").HeaderText("Customer ID").Width(80).Add(); 

.. 

 

        })) 

 

Order.cs 

namespace SyncfusionMvcApplication90.Models 

{ 

     

    public partial class Order 

    { 

        

        public int OrderID { get; set; } 

         [Required(ErrorMessage = "CustomerID is required")]  

        public string CustomerID { get; set; } 

..     

        public virtual Employee Employee { get; set; } 

    } 

} 

Regards, 

Jayaprakash K.