Telerik MVC自定义AJAX编辑器模板

时间:2011-09-01 13:15:08

标签: asp.net-mvc-3 asp.net-mvc-2 telerik telerik-grid telerik-mvc

我正在使用MVC version of the Telerik controls ASP.NET MVCrazor view engine。我有一个AJAX网格。当我单击编辑时,我希望它以表单样式显示数据。但问题是我想重新排列我希望它们显示的表单控件。我该怎么办呢?目前控件都在彼此之下。我想创建自己的布局进行编辑。

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

我的观点的视图模型:

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))
)

我不确定我的编辑器模板必须如何?它必须扩展什么?我无法以内联形式显示它。我完成了Brad Wilson的样本,但我没有得到它。有人可以解释一下发生了什么吗?

另一个问题..在我的另一页上,我在页面上有一个带有其他HTML控件的网格。如果我忙于编辑网格中的数据,然后单击插入,我如何防止页面上的其他控件无法验证?

1 个答案:

答案 0 :(得分:3)

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