Несколько форм на странице с ненавязчивой проверкой jquery в ASP.NET MVC

Question

Неверная проверка JQuery, похоже, работает на основе модели, переданной на страницу, но что, если я хочу иметь более одной модели в игре?

Скажем "MyPage" имеет две формы, каждая посылка обратно к другому действий, с другой моделью

Модели

public class MyPageModel 
{ 
    public List<Student> Students { get; set; } 
    public List<Prof> Profs { get; set; } 
    [Required] 
    public string Student { get; set; } // wrong wrong wrong 
    [Required] 
    public string Prof { get; set; } // so wrong. this can't be the way 
} 

public class AddStudentModel 
{ 
    [Required] 
    public string Student { get; set; } 
} 

public class AddProfModel 
{ 
    [Required] 
    public string Prof { get; set; } 
} 

Посмотреть

// MyPage! 

// list students here 

@using (Html.BeginForm("AddStudent", "Controller", new { }, FormMethod.Post)) 
{ 
    @Html.TextBox("Student", null, new { }) 
    @Html.ValidationMessageFor("Student") 
    <input type="submit" value="add student" /> 
} 

// list professors here 

@using (Html.BeginForm("AddProf", "Controller", new { }, FormMethod.Post)) 
{ 
    @Html.TextBox("Prof", null, new { }) 
    @Html.ValidationMessageFor("Prof") 
    <input type="submit" value="add prof" /> 
} 

Контроллер

public ActionResult MyPage() 
{ 
    MyPageModel model = new MyPageModel(); 
    // bind data here 
    return View(model); 
} 

public ActionResult AddStudent(AddStudentModel model) 
{ 
    // add student 
    return RedirectToAction("MyPage"); 
} 

public ActionResult AddProf(AddProfModel model) 
{ 
    // add professor 
    return RedirectToAction("MyPage"); 
} 

До сих пор я добавлял пустой Student/Prof свойствам MyPageModel, но это чувствует себя очень взломанным. Есть ли способ указать модель в Html.BeginForm, которую будет использовать проверка jquery?

Answer 1

Вы можете использовать дочерние действия для этого, и удалить лишние свойства из вашего MyPageModel:

public ActionResult MyPage() 
{ 
    MyPageModel model = new MyPageModel(); 
    // bind data here 
    return View(model); 
} 

[HttpGet] 
public ActionResult AddStudent() 
{ 
    return PartialView(new AddStudentModel()); 
} 

[HttpPost] 
public ActionResult AddStudent(AddStudentModel model) 
{ 
    //add student 
    return RedirectToAction("MyPage"); 
} 

Текущего MYPAGE:

//MyPage! 
@Html.Action("AddStudent", "SomeController") 

@Html.Action("AddProf", "SomeController") 

Нового вид возвращенного нового действие ребенка.

//AddStudent.cshtml 

@using (Html.BeginForm()) 
{ 
    @Html.TextBoxFor(m => m.Student) 
    @Html.ValidationMessageFor(m => m.Student) 
    <input type="submit" value="add student" /> 
} 

Чтобы сделать это пятно решение, может быть, стоит взглянуть на Ajax.BeginForm, как это позволит вам обновить форму в то время, на странице (и возвращать частичный вид как réponse поэтому для представления формы не требуется обновлять всю страницу).