2016-11-22 2 views
0

У меня есть вид в приложении MVC 5 с большим количеством полей формы. Для разных запросов я использую один и тот же вид, но разные сильно отображенные ViewModels. Каждый ViewModel имеет те же самые поля, но требуемые поля различаются для каждого типа запроса.Динамически назначать ViewModel для просмотра в Runtime MVC 5

Мой вопрос: могу ли я динамически назначать строго типизированный ViewModel во время выполнения в зависимости от сценария? Я пытаюсь избежать копирования одного и того же представления для каждого сценария, потому что представление будет оставаться неизменным независимо от количества сценариев, которые представляют себя.

Например, я хочу, чтобы назначить одну из ViewModels ниже к представлению я создал, в зависимости от которого выбираются сценарий:

public class FirstScenario_ViewModel 
{ 
    [Required] 
    string FirstValue {get; set;} 

    string SecondValue {get; set;} 
} 

public class SecondScenario_ViewModel 
{ 
    string FirstValue {get; set;} 

    [Required] 
    string SecondValue {get; set;} 
} 
+0

Одним из вариантов является использование одного метода модели/вида/действия с условными атрибутами проверки, например e используя [foolproof] (http://foolproof.codeplex.com/) '[RequiredIf]' или аналогичные атрибуты типа. Другим является использование «базового» класса/интерфейса для модели, а затем создание пользовательского «ModelBinder» для создания конкретного класса в методе POST. –

+0

Удивительный! Спасибо, парни! Я прошел путь надежной связи из-за ограниченного срока, но все это были хорошие предложения. – bigtri

ответ

0

Одним из вариантов являются повторным представлением проходящего различных подклассов. Razor даже распознает атрибуты и заполняет html в соответствии с конкретным типом, посланным в представление.

Подкласс является лишь частью решения. Вторая часть - привязка модели, которая должна произойти после публикации формы. Вы можете обратиться к этому, создав собственное связующее устройство, как указано в одном из комментариев. Еще один способ - настроить действие формы, чтобы форма была отправлена ​​в действие, которое может обрабатывать правильный тип viewmodel. Преимущество наличия нескольких действий состоит в том, что становится тривиальным для выполнения пользовательской проверки на действие.

Использование нескольких действий может быть не самым элегантным решением. Я не уверен, есть ли какие-либо плохие побочные эффекты.

Ниже представлен вид образца модели:

// This is the base class declared as the view's @model 
// This one would have all the common validations 
public class TestViewModel 
{ 
    public string ModelType { get; set; } 
    public virtual string Prop1 { get; set; } 
    public virtual string Prop2 { get; set; } 
    public virtual string Prop3 { get; set; } 
} 

public class TestViewModel1 : TestViewModel 
{ 
    [Required] 
    public override string Prop1 { get; set; } 
} 

public class TestViewModel2 : TestViewModel 
{ 
    [Required] 
    public override string Prop1 { get; set; } 
    [Required] 
    public override string Prop2 { get; set; } 
} 

И контроллер:

public class TestController : Controller 
{ 
    // GET: Test 
    public ActionResult Edit(string modelType) 
    { 
     if (modelType == "1") return View(new Models.TestViewModel1() {ModelType = "1"}); 
     if (modelType == "2") return View(new Models.TestViewModel2() {ModelType = "2" }); 
     return View(new Models.TestViewModel() { ModelType = "" }); 
    } 

    [HttpPost] 
    public ActionResult Edit(Models.TestViewModel model) 
    { 
     if (model.Prop1 == null) ModelState.AddModelError("Prop1", "Please type something"); 
     if (ModelState.IsValid) return RedirectToAction("Edit"); 
     return View(model); 
    } 

    [HttpPost] 
    public ActionResult Edit1(Models.TestViewModel1 model) 
    { 
     if (model.Prop1 == null || !model.Prop1.Contains("1")) ModelState.AddModelError("Prop1", "Please type at least one character 1"); 
     if (ModelState.IsValid) return RedirectToAction("Edit", new { modelType = "1" }); 
     return View("Edit", model); 
    } 

    [HttpPost] 
    public ActionResult Edit2(Models.TestViewModel2 model) 
    { 
     if (model.Prop2 == null || !model.Prop1.Contains("2")) ModelState.AddModelError("Prop2", "Please type at least one character 2"); 
     if (ModelState.IsValid) return RedirectToAction("Edit", new { modelType = "2"}); 
     return View("Edit", model); 
    } 
} 

и вид (смотреть на @using (Html.BeginForm ..):

@model WebApplication1.Models.TestViewModel 
@{ 
    Layout = null; 
} 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryval") 

@using (Html.BeginForm("Edit" + Model.ModelType, "Test", new {Model.ModelType})) 
{ 
    @Html.AntiForgeryToken() 

    <div class="form-horizontal"> 
     <h4>TestModel</h4> 
     <hr /> 
     @Html.ValidationSummary(true, "", new { @class = "text-danger" }) 
     @DateTime.Now.ToString("o") 
     <br/> 
     @Html.LabelFor(m => m.ModelType) 
     @Html.DisplayFor(m => m.ModelType) 
     <hr /> 
     <div class="form-group"> 
      @Html.LabelFor(model => model.Prop1, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.EditorFor(model => model.Prop1, new { htmlAttributes = new { @class = "form-control" } }) 
       @Html.ValidationMessageFor(model => model.Prop1, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

     <div class="form-group"> 
      @Html.LabelFor(model => model.Prop2, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.EditorFor(model => model.Prop2, new { htmlAttributes = new { @class = "form-control" } }) 
       @Html.ValidationMessageFor(model => model.Prop2, "", new { @class = "text-danger" }) 
      </div> 
     </div> 

     <div class="form-group"> 
      @Html.LabelFor(model => model.Prop3, htmlAttributes: new { @class = "control-label col-md-2" }) 
      <div class="col-md-10"> 
       @Html.EditorFor(model => model.Prop3, new { htmlAttributes = new { @class = "form-control" } }) 
       @Html.ValidationMessageFor(model => model.Prop3, "", new { @class = "text-danger" }) 
      </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> 
Смежные вопросы