一次调用 Ajax 将 Telerik MVC Grid 与 DetailView 绑定答案

【问题标题】：Ajax Binding Telerik MVC Grid with DetailView in one call一次调用 Ajax 将 Telerik MVC Grid 与 DetailView 绑定
【发布时间】：2011-11-02 21:56:53
【问题描述】：

我有以下标记。

@(Html.Telerik().Grid(Model)
         .Name("Grid")
         .DataKeys(keys => keys.Add(key => key.Id))
         .Columns(columns =>
                      {
                          columns.Bound(c => c.FullNameWithEmail).ClientTemplate("<#= FullNameWithEmail #>").Title("Name and Email").Width(230);
                          columns.Bound(c => c.Notes);
                      })
         .ClientEvents(events => events.OnRowDataBound("grid_onRowDataBound"))
         .DetailView(checkInAppGridDetails => checkInAppGridDetails.ClientTemplate("<# if (RelatedCount > 0) { #>" +

              Html.Telerik().Grid<ViewModel>()
                                      .Name("GridDetails_<#= Id #>")
                                      .Footer(false)
                                      .Columns(columns =>
                                      {
                                          columns.Bound(c => c.FullNameWithEmail).ClientTemplate("<#= FullNameWithEmail #>").Title("Name and Email").Width(225);
                                          columns.Bound(c => c.Notes);
                                          columns.Bound(c => c.Actions).ClientTemplate("<#= Actions #>").Width(150);
                                      })
                                      .ClientEvents(events => events.OnRowDataBound("GridDetails_onRowDataBound"))
                                      .DataBinding(dataBinding => dataBinding.Ajax()
                                          .Select("GetRelated", "Controller", new
                                          {
                                              id = @ViewBag.EventKey,
                                              ticketId = "<#= Id #>"
                                          }))
                                      .ToHtmlString() +
              "<# } #>"
          ))
  )

我在这里将主网格与 Ajax 调用绑定在一起，一旦绑定了行，详细信息视图就会与 DataBinding ajax 调用绑定。

我已经在模型中收集了我想在 DetailView 中显示的相关记录，我不希望额外调用服务器。

这里是 ViewModel 的示例

public class ViewModel
{
    public string FirstProperty {get; set;}
    .
    .
    .
    public IEnumurable<ViewModel> RelatedRecords { get; set; }
}

知道如何仅通过单个 Ajax 请求将整个 Grid 与 DetailView 绑定吗？

【问题讨论】：

标签： ajax model-view-controller grid telerik custom-binding

【解决方案1】：

刚刚使用了telerik support example来解决这个问题，效果很好。Telerik Post

【讨论】：