Шаблон редактора MVC 3 с динамическим раскрывающимся списком - PullRequest
Новая
       2

Шаблон редактора MVC 3 с динамическим раскрывающимся списком

5 голосов
/ 16 декабря 2011

Как мне сделать так, чтобы раскрывающийся список отображался как часть моего шаблона редактора?

Итак, у меня есть сущность Users и сущность Roles.Роли передаются представлению в виде списков выбора и пользователя, а также пользователя.SelectList становится выпадающим с правильным выбранным идентификатором и всем благодаря этому примеру .

Я пытаюсь получить все-в-одном красиво упакованный EditorTemplate для моих сущностей, используя MVC 3, так что я могу просто вызвать EditorForModel и получить аккуратно разложенные поля с добавлением выпадающего меню всякий раз, когда у меня естьвнешний ключ для таких вещей, как Роли, в данном конкретном случае.

Мой EditorTemlates \ User.cshtml (динамически генерирующий макет на основе ViewData): 

<table style="width: 100%;">
@{
    int i = 0;  
    int numOfColumns = 3;

    foreach (var prop in ViewData.ModelMetadata.Properties
        .Where(pm => pm.ShowForDisplay && !ViewData.TemplateInfo.Visited(pm))) 
    { 
        if (prop.HideSurroundingHtml) 
        { 
            @Html.Display(prop.PropertyName) 
        }
        else 
        { 
            if (i % numOfColumns == 0)
            {

                @Html.Raw("<tr>");
            }

            <td class="editor-label">
                @Html.Label(prop.PropertyName)
            </td>
            <td class="editor-field">
                @Html.Editor(prop.PropertyName)
                <span class="error">@Html.ValidationMessage(prop.PropertyName,"*")</span>
            </td>

            if (i % numOfColumns == numOfColumns - 1)
            {
                @Html.Raw("</tr>");
            }
            i++;
        }
    }
}
</table>

В представлении я тогдапривязка SelectList отдельно, и я хочу сделать это как часть шаблона.

Моя модель: 

public class SecurityEditModel
{
    [ScaffoldColumn(false)]
    public SelectList roleList { get; set; }

    public User currentUser { get; set; }
}

Мой контроллер: 

public ViewResult Edit(int id)
{
    User user = repository.Users.FirstOrDefault(c => c.ID == id);

    var viewModel = new SecurityEditModel
        {
            currentUser = user,
            roleList = new SelectList(repository.Roles.Where(r => r.Enabled == true).ToList(), "ID", "RoleName")
        };

    return View(viewModel);
}

Мой вид:

@model Nina.WebUI.Models.SecurityEditModel

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Edit</h2>


@using(Html.BeginForm("Edit", "Security"))
{
    @Html.EditorFor(m => m.currentUser)
    <table style="width: 100%;">
        <tr>
            <td class="editor-label">
                User Role:
            </td>
            <td class="editor-field">
                <!-- I want to move this to the EditorTemplate -->
                @Html.DropDownListFor(model => model.currentUser.RoleID, Model.roleList)
            </td>
        </tr>
    </table>
    <div class="editor-row">
        <div class="editor-label">

        </div>
        <div class="editor-field">

        </div>
    </div>
    <div class="editor-row">&nbsp;</div>
    <div style="text-align: center;">
        <input type="submit" value="Save"/>&nbsp;&nbsp;
        <input type="button" value="Cancel" onclick="location.href='@Url.Action("List", "Clients")'"/>
    </div>

}

Надеюсь, это достаточно ясно, дайте мне знать, если вы могли бы использовать больше разъяснений.Заранее спасибо!

1 Ответ

0 голосов
/ 03 января 2012

Поскольку вам нужен доступ к списку выбора, вы можете создать шаблон редактора, привязанный к SecurityEditModel, или передать список выбора в ViewData. Лично я бы пошел со строго типизированным подходом.

...