mvc telerik 网格中的网格操作

Question

how to perform the edit and delete operations in grid

i have the following grid

<%=Html.Telerik().Grid(Model).Name("Grid").Columns(columns =>
    {

        columns.Bound(m => m.Keywords);
        columns.Bound(m => m.Country).Title("Location");
        columns.Bound(m => m.AreaID);
        columns.Bound(m => m.JobSearchAgentID).Hidden(false);

    }).DataBinding(databinding =>
        {
            databinding.Server().Select("Agentlist", "Grid", new
            {
                ajax = ViewData["ajax"]
            });
            databinding.Ajax().Select("Agentlist",
               "Grid").Enabled((bool)ViewData["ajax"]);
        })
               .DataKeys(keys =>
                   {
                       keys.Add(m => m.JobSearchAgentID);
                   }
                   )
        .Scrollable(scrolling => scrolling.Enabled((bool)ViewData["scrolling"]))
        .Sortable(sorting => sorting.Enabled((bool)ViewData["sorting"]))
        .Pageable(paging => paging.Enabled((bool)ViewData["paging"]))
        .Filterable(filtering => filtering.Enabled((bool)ViewData["filtering"]))
        .Groupable(grouping => grouping.Enabled((bool)ViewData["grouping"]))
        .Footer((bool)ViewData["showFooter"])


           %>
      <%}%>

Answer 1

Everything you need about Telerik MVC Grid Control

http://demos.telerik.com/aspnet-mvc/grid/editingajax dead link

http://demos.telerik.com/aspnet-mvc/grid

Answer 2

Here's an example of a grid that allows add and edit within the grid:

<% Html.Telerik().Grid<ReportingPeriodGroupDto>()
    .Name("ReportingPeriodGroupAdminGrid")
    .DataKeys(keys => keys.Add(o => o.Id))
    .Editable(editing => editing.Mode(GridEditMode.InLine))
    .ToolBar(commands =>
    {
        commands.Insert();
    })
    .DataBinding(dataBinding => dataBinding.Ajax()
            .Select("SelectReportingPeriodGroup", "Admin")
            .Insert("InsertReportingPeriodGroup", "Admin")
            .Update("UpdateReportingPeriodGroup", "Admin")
    )
    .Columns(columns =>
    {
        columns.Bound(o => o.ShortDescription).Width("10em").Width("8em");
        columns.Bound(o => o.LongDescription).Width("20em");
        columns.Command(commands => commands.Edit()).Title("Actions");
    })
    .Footer(false)
    .Render();
%>

NOTE: You must add these Insert and Update methods to your controller

[AcceptVerbs(HttpVerbs.Post)]
[GridAction(GridName = "ReportingPeriodGroupAdminGrid")]
public ActionResult InsertReportingPeriodGroup()
{
    ReportingPeriodGroupDto reportingPeriodGroupDto = new ReportingPeriodGroupDto();
    TryUpdateModel(reportingPeriodGroupDto);
    if (ModelState.IsValid)
    {
        reportingPeriodGroupDto.CreatedBy = UserId;
        reportingPeriodGroupDto.CreatedDate = DateTime.Now.ToString();
        ITransformer transformer = ServiceFinder.Instance.ServiceFactory.RedPortalTransformerFactory.GetTransformer(reportingPeriodGroupDto.GetType());
        ReportingPeriodGroup parent = (ReportingPeriodGroup)transformer.Transform(reportingPeriodGroupDto);
        RedPortalDbContext.ReportingPeriodGroups.Add(parent);
        RedPortalDbContext.SaveChanges();
    }
    return SelectReportingPeriodGroup();
}

[AcceptVerbs(HttpVerbs.Post)]
[GridAction(GridName = "ReportingPeriodGroupAdminGrid")]
public ActionResult UpdateReportingPeriodGroup()
{
    ReportingPeriodGroupDto reportingPeriodGroupDto = new ReportingPeriodGroupDto();
    if (TryUpdateModel(reportingPeriodGroupDto))
    {
        reportingPeriodGroupDto.UpdatedBy = UserId;
        reportingPeriodGroupDto.UpdatedDate = DateTime.Now.ToString();
        ITransformer transformer = ServiceFinder.Instance.ServiceFactory.RedPortalTransformerFactory.GetTransformer(reportingPeriodGroupDto.GetType());
        ReportingPeriodGroup parent = (ReportingPeriodGroup)transformer.Transform(reportingPeriodGroupDto);
        RedPortalDbContext.ReportingPeriodGroups.Add(parent);
        RedPortalDbContext.Entry(parent).State = EntityState.Modified;
        RedPortalDbContext.SaveChanges();
    }
    return SelectReportingPeriodGroup();
}