This example shows the in-line data editing feature of Telerik Grid for ASP.NET MVC. In this example the grid is using ajax binding.
To enable editing you need perform the following:
<%= 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);
})
%>
<%= Html.Telerik().Grid(Model)
.Name("Grid")
.ToolBar(commands => commands.Insert())
.Columns(columns =>
{
//omitted for brevity
})
%>
<%= Html.Telerik().Grid(Model)
.Name("Grid")
.ToolBar(commands => commands.Insert())
.DataKeys(keys => keys.Add(c => c.CustomerID))
.Columns(columns =>
{
//omitted for brevity
})
<%= Html.Telerik().Grid(Model)
.Name("Grid")
.ToolBar(commands => commands.Insert())
.DataKeys(keys => keys.Add(c => c.CustomerID))
.DataBinding(dataBinding => dataBinding
.Ajax()
.Select("EditingServerSide", "Grid")
.Insert("Insert", "Grid")
.Update("Save", "Grid")
.Delete("Delete", "Grid"))
.Columns(columns =>
{
//omitted for brevity
})