Привязка модели

Question

Как мне привязать SelectedItem к моей модели, используя ModelBinding?

Сначала я создал простую модель:

public class Element
{
    public string Name { get; set; }
    public int Value { get; set; }
}
public class MyModel
{
    public Guid ContactID { get; set; }
    public List<Element> Collection { get; set; }

    public IEnumerable<SelectListItem> SelectList
    {
        get
        {
            return Collection.Select
            (
                e => new SelectListItem
                {
                    Text = e.Name,
                    Value = e.Value.ToString()
                }
            );
        }
    }

    public Element SelectedElement { get; set; }

}

Затем в моем контроллере я инициализирую его:

    public ActionResult Test()
    {
        var model = new MyModel {ContactID = Guid.NewGuid(), Collection = new List<Element>() };
        var rand = new Random();

        while (model.Collection.Count < 10)
        {
            var number = rand.Next(100);
            model.Collection.Add(new Element {Value = number, Name = number.ToString()});
        }

        return View(model);
    }

И показать это в моем представлении:

@using (Html.BeginForm("TestPostBack", "Home"))
{
    @Html.AntiForgeryToken()

<div class="form-horizontal">
    <h4>MyModel</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group">
        @Html.LabelFor(model => model.ContactID, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.ContactID, new { htmlAttributes = new { @class = "form-control" } })
        </div>
    </div>

    <div class="form-group">
        @Html.LabelFor(model => model.Collection, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.DropDownListFor(model => model.SelectedElement, Model.SelectList)
        </div>
    </div>

    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Save" class="btn btn-default" />
        </div>
    </div>
</div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

При нажатии на кнопку отправки в моей форме я хочу нажать TestPostBack на моем контроллере. Это тоже не проблема. Но как мне заполнить свойство SelectedElement в моей модели? Я хочу, чтобы это было значение выбранного элемента из моего раскрывающегося списка.

public ActionResult TestPostBack(MyModel model)
{
    throw new NotImplementedException();
}

Answer 1

Я не думаю, что будет просто вернуть весь объект обратно. Не невозможно, просто не легко. Проблема здесь в том, что выпадающий список, который соответствует элементу выбора HTML, отправляет только выбранное значение параметра, а не текст. Таким образом, можно подумать о том, чтобы перехватить запрос на публикацию формы и добавить туда текст, но это выглядит немного странно.

Самый прямой подход - вернуть только значение:

public class MyModel
{
    ...
    public int SelectedElementValue { get; set; }
}

Html.DropDownListFor(model => model.SelectedElementValue, Model.SelectList)

А затем по значению ищите объект среди элементов. Надеюсь, он уникален:

public ActionResult TestPostBack(MyModel model)
{
    // load list of elements
    Element selectedElement = //look up element by model.SelectedElementValue
}