This example shows the in-line data editing feature of Telerik Grid for ASP.NET MVC. In this example the grid is using web service binding.

To enable editing you need perform the following:

1. Define a command column for the "Edit" and "Delete" commands:

   <%= Html.Telerik().Grid(Model)
           .Name("Grid")
           .Columns(columns =>
           {
               columns.Bound(c => c.ContactName).Width(360);
               columns.Bound(c => c.Country).Width(120);
               columns.Bound(c => c.Address).Width(200);
               columns.Bound(c => c.BirthDay).Width(130).Format("{0:d}");
               columns.Command(commands =>
               {
                   commands.Edit();
                   commands.Delete();
               }).Width(200);
               
           })
   %>
   

2. If you want to enable inserting of new records configure the grid toolbar:

   <%= Html.Telerik().Grid(Model)
           .Name("Grid")
           .ToolBar(commands => commands.Insert())
           .Columns(columns =>
           {
               //omitted for brevity
           })
   %>
   

3. Specify the property which uniquely identifies the data record. In this case it is CustomerID:

   <%= Html.Telerik().Grid(Model)
           .Name("Grid")
           .ToolBar(commands => commands.Insert())
           .DataKeys(keys => keys.Add(c => c.CustomerID))
           .Columns(columns =>
           {
               //omitted for brevity
           })
   

4. Specify the action methods which will delete, insert or save data records.

   <%= Html.Telerik().Grid(Model)
           .Name("Grid")
           .ToolBar(commands => commands.Insert())
           .DataKeys(keys => keys.Add(c => c.CustomerID))
           .DataBinding(dataBinding => dataBinding
               .WebService()
                   .Select("~/Models/Customers.asmx/GetCustomers")
                   .Update("~/Models/Customers.asmx/SaveCustomer")
                   .Insert("~/Models/Customers.asmx/InsertCustomer")
                   .Delete("~/Models/Customers.asmx/DeleteCustomer")
           )
           .Columns(columns =>
           {
               //omitted for brevity
           })