asp.net-mvc – 如何在单个视图中使用两个表单

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – 如何在单个视图中使用两个表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可以在一个视图中添加多个表单,如何使用它.这可以仅使用一个模型来完成,还是需要针对不同的形式使用不同的模型.任何人都可以用一个很好的例子来解释我,或者向我推荐一篇详细解释的好文章.

解决方法

这是一个很好的问题,当我是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",FormMethod.Post))
{
    @Html.TextBoxFor(x => x.UserName)
    @Html.PasswordFor(x => x.UserPassword)

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

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

猜你在找的asp.Net相关文章