Telerik MVC 自定义 AJAX 编辑器模板

Question

我将MVC version of the Telerik controls 与ASP.NET MVC 和razor view engine 一起使用。我有一个 AJAX 网格。当我单击编辑时，我希望它以表单样式显示数据。但问题是我想以我希望它们显示的方式重新排列表单控件。我该怎么做这样的事情？目前，这些控件都在彼此之下。我想创建自己的编辑布局。

我在视图上有很多其他控件，其中一个就是这个网格。我的视图模型对象有一个子对象列表，我想使用我的网格来填充这个列表。

我的视图的视图模型：

public class EditGrantApplicationViewModel
{
   public string EmployeeNumber { get; set; }
   public string Title { get; set; }
   public string FirstName { get; set; }
   public string LastName { get; set; }
   // Other properties

   // I want this to be populated from the grid
   public IEnumerable<Children> Children { get; set; }
}

我的子列表的网格代码：

@(Html.Telerik().Grid(Model.Children)
   .Name("grdChildren")
   .Columns(column =>
      {
         column.Bound(x => x.Id);
         column.Bound(x => x.FullName);
      }
   )
   .DataKeys(keys =>
      {
         keys.Add(x => x.Id);
      }
   )
   .DataBinding(dataBinding =>
      {
         dataBinding.Ajax()
            .Select("_SelectAjaxEditing", "Grid")
            .Insert("_InsertAjaxEditing", "Grid")
            .Update("_SaveAjaxEditing", "Grid")
            .Delete("_DeleteAjaxEditing", "Grid");
      }
   )
   .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Text))
   .Editable(editing => editing.Mode(GridEditMode.InForm))
)

我不确定我的编辑器模板应该是什么样子？它必须扩展什么？而且我无法让它以内联形式显示。我研究了布拉德威尔逊的样本，但我没有得到它。有人可以解释发生了什么吗？

只是另一个问题.. 在我的另一个页面上，我有一个网格，页面上有其他 HTML 控件。如果我正忙于编辑网格中的数据，然后单击插入，如何防止页面上的其他控件不被验证？

Answer 1

您可以为模型定义自定义编辑器模板并根据需要排列字段。 This 代码库项目展示了如何。