如何在一个视图中使用两个表单

时间:2013-07-25 14:02:38

标签: asp.net-mvc asp.net-mvc-4 razor

我可以在一个视图中添加多个表单,如何使用它。这可以仅使用一个模型完成,还是需要为不同的模型使用不同的模型。任何人都可以用一个很好的例子来解释我,或者向我推荐一篇详细解释的好文章。

3 个答案:

答案 0 :(得分:15)

这是一个很好的问题,当我是mvc的新手时,我自己也有这个问题。

我认为这里的一个很好的例子是同一页面上的注册表格和登录表格。

关键字是ViewModel,这对解决这个问题至关重要。

在您的Model类中:

public class LoginModel
{
    public string UserName { get; set; }
    public string UserPassword { get; set; }
}

public class RegisterModel
{
    public int UserId { get; set; }
    public string UserName { get; set; }
    public string UserPassword { get; set; } 
}

public class ViewModel
{
    public LoginModel LoginModel { get; set; }
    public RegisterModel RegisterModel { get; set; }
}

在你的控制器中:

    public ActionResult Index()
    {
        var model = new ViewModel();
        model.LoginModel = new LoginModel();
        model.RegisterModel = new RegisterModel();
        return View(model);
    }

在你的视图中,我使用了1个主视图和2个部分视图来分割它:

主要观点:

@model YourProject.Models.ViewModel

@Html.Partial("_LoginForm", Model.LoginModel)
@Html.Partial("_RegisterForm", Model.RegisterModel)

部分视图_LoginForm:

@model YourProject.Models.LoginModel

@using (Html.BeginForm("Login", "Home", FormMethod.Post))
{
    @Html.TextBoxFor(x => x.UserName)
    @Html.PasswordFor(x => x.UserPassword)

    <input type="submit" value="Log In" />
}

部分视图_RegisterForm:

@model YourProject.Models.RegisterModel

@using (Html.BeginForm("Register", "Home", FormMethod.Post))
{
    @Html.TextBoxFor(x => x.UserName)
    @Html.PasswordFor(x => x.UserPassword)

    <input type="submit" value="Register" />
}

请询问是否有任何代码不清楚。

答案 1 :(得分:1)

Lars的回答是一个很好的解决方案。我甚至会用这样的东西:

public class RegisterModel : LoginModel
{
    public int UserId { get; set; }
}

这样,您只需扩展基本模型类并保存几行代码。

答案 2 :(得分:0)

您应该使用两个模型并为每个模型使用局部视图。否则,当您发布表单时,您需要考虑到一个表单可能尚未填写且模型可能缺少数据。