Использование двух моделей в одном виде с бритвой

Question

У меня есть вид, где мне нужно использовать 2 модели, потому что я пытаюсь автозаполнить коробку.Представление состоит в том, чтобы добавить вопрос как в stackoverflow.Вы должны ввести контент и выбрать теги из автозаполнения.

public class QuestionController : Controller
    {
        public ActionResult Add()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Add(QuestionModel model)
        {
            if (ModelState.IsValid)
            {
                return RedirectToAction("Index", "Home");
            }
            else
            {
                return View(model);
            }
        }

        public ActionResult TagName(string q)
        {
            var tags = new List<TagModel>
                           {
                               new TagModel {Name = "aaaa", NumberOfUse = "0"},
                               new TagModel {Name = "mkoh", NumberOfUse = "1"},
                               new TagModel {Name = "asdf", NumberOfUse = "2"},
                               new TagModel {Name = "zxcv", NumberOfUse = "3"},
                               new TagModel {Name = "qwer", NumberOfUse = "4"},
                               new TagModel {Name = "tyui", NumberOfUse = "5"},
                               new TagModel {Name = "asdf[", NumberOfUse = "6"},
                               new TagModel {Name = "mnbv", NumberOfUse = "7"}
                           };

            var tagNames = (from p in tags where p.Name.Contains(q) select p.Name).Distinct().Take(3);

            string content = string.Join<string>("\n", tagNames);
            return Content(content);
        }

    }

пространство имен Szamam.Models {открытый класс QuestionModel {приватная строка _content;

    public string Content
    {
        get { return _content; }
        set { _content = value; }
    }

    public UserModel Creator
    {
        get { return _creator; }
        set { _creator = value; }
    }

    public DateTime CreationDate
    {
        get { return _creationDate; }
        set { _creationDate = value; } 
    }

    public List<TagModel> TagModels
    {
        get { return _tagModels; }
        set { _tagModels = value; }
    }

    private UserModel _creator;

    private DateTime _creationDate;

    private List<TagModel> _tagModels=new List<TagModel>();
}

}

Иесть представление

@model Szamam.Models.QuestionModel
@{
    ViewBag.Title = "Add";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>
    Add</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Scripts/jquery.autocomplete.css")" rel="stylesheet" type="text/css" />
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>QuestionModel</legend>
        <div class="editor-label">
            @Html.LabelFor(model => model.Content)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Content)
            @Html.ValidationMessageFor(model => model.Content)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.CreationDate)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.CreationDate)
            @Html.ValidationMessageFor(model => model.CreationDate)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.TagModels)
        </div>
      @*here is a place for autocomplete for tags *@
     <div class="editor-label">
        @Html.LabelFor(model => model.Name)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name)
    </div>
        <script type="text/javascript">

            $(document).ready(function () {
                $("#TagName").autocomplete('@Url.Action("TagName", "Question")', { minChars: 3 });
            });

        </script>

        <p>
            <input type="submit" value="Create" />
        </p>


    </fieldset>
}

Конечно, есть проблема:

 @*here is a place for autocomplete for tags *@
         <div class="editor-label">
            @Html.LabelFor(model => model.Name)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name)
        </div>

В этой части я хочу иметь другую модель - TagModel.

Это мой первыйдлинный день с бритвой, извините за эти глупые вопросы: /

Я видел другие вопросы по этому поводу в stackoverflow, но я думаю, что ответы мне не помогут.

Что я могуизменить при просмотре, чтобы запустить эту страницу?

Answer 1

Вы должны создать модель представления (например, QuestionTagViewModel), которая имеет свойства QuestionModel и TagModel. Затем передайте QuestionTagViewModel представлению, в котором вы хотите его использовать.

Обновление

Пример

public class QuestionTagViewModel {
    public QuestionModel {get;set;}
    public TagModel {get;set;}
}

Вы сможете использовать его так:

Model.QuestionModel.Content

и

Model.TagModel.Name

Посмотрите здесь пример: Viewmodels

Answer 2

Или вы можете передать Tuple для просмотра из контроллера, как это

return View(new Tuple<QuestionModel, TagModel>(){...});