【问题标题】:how to work with two forms in a single view如何在一个视图中处理两个表单
【发布时间】:2013-07-25 14:02:37
【问题描述】:

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

【问题讨论】:

  • -1:因为标签垃圾

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


【解决方案1】:

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

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

关键字是 ViewModel,这是解决这个问题的关键。

在你的模型类中:

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" />
}

请询问您是否有不清楚的代码。

【讨论】:

  • 我刚开始学习 MVC,但我对识别方法感到困惑。您提供了完整的简单解决方案...非常感谢。我希望我能给 +10
【解决方案2】:

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

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

这样您只需扩展您的基本模型类并节省几行代码。

【讨论】:

    【解决方案3】:

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

    【讨论】:

    • 型号?还是查看模型?
    猜你喜欢
    • 2010-09-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-06
    • 1970-01-01
    • 2020-06-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多