customizing popup editor

[Ymris]

Is there any way customizing the editor apart from just hiding columns or tricking it like discribed here?
Reordering the properties would be a good start.
Looks like they appear in the order they are defined in the type.

Regards,
Micha

[Atanas Korchev]

Hello Michael Sander,

The grid is using ASP.NET MVC editor templates. I suggest you check this blog post by Brad Wilson which explains in editor template customization.

Regards,
Atanas Korchev
the Telerik team

[Ymris]

Really good hint, somehow I thought those templates only work for properties, thanks a lot!

[Matthew]

Atanas,

I followed the blog post code example to create a custom edit template for my MVC Grid Editor (in a popup).  I have three fields that have templates specified using UIHint in the model definitions.  The templates for the UIHints specify the fields to be Telerik dropdownlists.  These work as when I set my MVC grid to edit inline the cells show the dropdownlists appropriately.  When I set the TemplateName method on my editable grid to my custom edit template the three dropdownlist fields display the ids stored in them instead of a dropdownlist.

Here is my custom edit template which is a direct copy of Brad Wilson's example.  Does this template do something different then the standard edit template used by MVC?  It doesn't seem to want to render for my dropdownlist templated fields.

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<% if (ViewData.TemplateInfo.TemplateDepth > 1)
   { %>
<%= ViewData.ModelMetadata.SimpleDisplayText %>
<% }
   else
   { %>
<table cellpadding="0" cellspacing="0" border="0">
    <% foreach (var prop in ViewData.ModelMetadata.Properties.Where(pm => pm.ShowForEdit && !ViewData.TemplateInfo.Visited(pm)))
       { %>
    <% if (prop.HideSurroundingHtml)
       { %>
    <%= Html.Editor(prop.PropertyName) %>
    <% }
       else
       { %>
    <tr>
        <td>
            <div class="editor-label" style="text-align: right;">
                <%= prop.IsRequired ? "*" : "" %>
                <%= Html.Label(prop.PropertyName) %>
            </div>
        </td>
        <td>
            <div class="editor-field">
                <%= Html.Editor(prop.PropertyName) %>
                <%= Html.ValidationMessage(prop.PropertyName, "*") %>
            </div>
        </td>
    </tr>
    <% } %>
    <% } %>
</table>
<% } %>

Are there any examples or something else I should be aware of?

I've attached a screen capture of what the fields look like in the popup editor.

Thanks in advance for any input.

[Atanas Korchev]

Hi Matthew,

 This happens because of a limitation in ASP.NET MVC which I have also blogged about. The blog post explains the problem and the solution.

Regards,
Atanas Korchev
the Telerik team