title: Telerik MVC custom AJAX editor template
body: <p>I am using the <code>MVC version of the Telerik controls</code> with <code>ASP.NET MVC</code> and the <code>razor view engine</code>.  I have an AJAX grid.  When I click edit I want it to display the data in form style.  But the issue is that I want to rearrange the in form controls they way that I want them to display.  How would I do something like that?  Currently the controls are all beneath each other.  I want to create my own layout for editing.</p>
  
  <p>I have a whole lot of other controls on the view, one of them being this grid.  My view model object has a list of Children objects and I want to use my grid to populate this list.</p>
  
  <p>The view model for my view:</p>
  
  <pre><code>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&lt;Children&gt; Children { get; set; }
  }
  </code></pre>
  
  <p>My grid's code for the Children list:</p>
  
  <pre><code>@(Html.Telerik().Grid(Model.Children)
     .Name("grdChildren")
     .Columns(column =&gt;
        {
           column.Bound(x =&gt; x.Id);
           column.Bound(x =&gt; x.FullName);
        }
     )
     .DataKeys(keys =&gt;
        {
           keys.Add(x =&gt; x.Id);
        }
     )
     .DataBinding(dataBinding =&gt;
        {
           dataBinding.Ajax()
              .Select("_SelectAjaxEditing", "Grid")
              .Insert("_InsertAjaxEditing", "Grid")
              .Update("_SaveAjaxEditing", "Grid")
              .Delete("_DeleteAjaxEditing", "Grid");
        }
     )
     .ToolBar(commands =&gt; commands.Insert().ButtonType(GridButtonType.Text))
     .Editable(editing =&gt; editing.Mode(GridEditMode.InForm))
  )
  </code></pre>
  
  <p>I'm not sure how my editor template must look like?  What must it extend?  And I can't get it to show in the inline form.  I worked through the sample from Brad Wilson but I am not getting it.  Can someone please explain what is happening?</p>
  
  <p>Just another questions..  On my other page I have a grid with other HTML controls on the page.  If I am busy editing data in the grid, and click insert, how would I prevent the other controls on the page not to be validated?</p>