Asp.net MVC Razor более одной формы на странице - PullRequest
Новая
       37

Asp.net MVC Razor более одной формы на странице

2 голосов
/ 21 ноября 2010

Yo

У меня есть страница регистрации на моем сайте - вверху страницы находится форма входа для существующих пользователей. В основной зоне находится регистрационная форма.

Логин является частичным представлением с @model ViewModels.LoginViewModel Регистрация также является частичной с @model ViewModels.RegViewModel

Главная страница, на которой размещены эти частичные представления, представляет собой @model ViewModels.RegPageViewModel

Эта модель выглядит как: 

public class RegViewModel
{
    public RegisterVm RegisterVm { get; set; }
    public LoginVm LoginVm { get; set; }
}

Когда я отправляю регистрационную часть страницы (это действие - регистрация / захват - действие получения ожидает RegisterVm) своему контроллеру, он жалуется на то, что ему передана неправильная модель представления

Какое дело с подпредставлениями и их моделью представления? Есть ли стандартный подход к решению этой проблемы?

Должен ли я иметь один URL-адрес отправки для этой страницы, который определяет, является ли это запросом на вход в систему или запросом на регистрацию, а затем обрабатывает сообщение соответствующим образом? Это мне кажется грязным ...

http://monobin.com/__d33cf45a4 - RegisterVm.cs (LoginVm.cs почти такой же, как этот)

http://monobin.com/__m69132f76 - RegPageVm.cs

Register.cshtml: 

@model xxxx.ViewModels.RegPageVm
@{
    View.Title = "Register";
    Layout = "~/Views/Shared/_BareBones.cshtml";
}
<link rel="stylesheet" href="@Url.Content("~/Public/Css/signup.css")" type="text/css" />
<div id="sign-up-container">
    <div id="sign-up-box">
        <div id="sign-up-box-left">
            <img src="@Url.Content("~/Public/Images/Signup_176x81.png")" />
        </div>
        <div id="sign-up-box-right">
           @Html.Partial("_Register")
        </div>
    </div>
</div>
<div class="clear">
</div>

_Register.cshtml: 

@model xxxx.ViewModels.RegisterVm

@using (Html.BeginForm("Capture", "Register", FormMethod.Post))
{
    <table class="sign-up-box-inner">
        <tr>
            <td class="label-area">
                @Html.LabelFor(x => x.Email)
            </td>
            <td class="field-area">
                @Html.TextBoxFor(x => x.Email, new { @class = "login-input", title = "Enter Name" })
            </td>
        </tr>
        <tr>
            <td class="label-area">
                @Html.LabelFor(x => x.Password)
            </td>
            <td class="field-area">
                @Html.PasswordFor(x => x.Password, new { @class = "login-input", title = "Enter Name" })
            </td>
        </tr>
        <tr>
            <td class="label-area">
                @Html.LabelFor(x => x.UserName)
            </td>
            <td class="field-area">
                @Html.TextBoxFor(x => x.UserName, new { @class = "login-input", title = "Enter Name" })
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="image" src="../../Public/Images/Submit_150x47.png" class="submit-button" />
            </td>
        </tr>
    </table>
    @Html.AntiForgeryToken()
}

И, наконец, RegisterController.cs: 

public class RegisterController : Controller
    {
        public ActionResult Index()
        {
           return View();
        }

        [HttpPost, ValidateAntiForgeryToken]
        public ActionResult Capture(RegisterVm registerVm)
        {
            if (!ModelState.IsValid)
            {
                return View("index", new RegPageVm()
                {
                    LoginVm = new LoginVm(),
                    RegisterVm = registerVm
                });
            }

            return RedirectToAction("index", "Event");
        }
    }

ш: //

Ответы [ 2 ]

4 голосов
/ 21 ноября 2010

Необходимо убедиться, что элементы формы (например, текстовое поле и т. Д.) Должны иметь тот же идентификатор, что и свойства RegisterVM и LoginVM. Ваша теория верна, но я думаю, что вы можете ошибаться в соглашении об именовании MVC.

Если вы сможете поделиться своим кодом вида + классами VM, тогда мы сможем помочь вам лучше.

EDIT:

Глядя на ваш код, я думаю, вы должны передать модель представления вашему частичному представлению. Например, следующая строка считает, что должно быть так>

@Html.Partial("_Register", Model.RegisterVm)

0 голосов
/ 21 ноября 2010

Согласно вашему ответу на nEEbz:

Вы используете: 

Html.TextBoxFor(x=>x.LoginVM.Email) // i guess

, это превратится в <input name="LoginVM.Email" ...>

Обратите внимание на LoginVM. часть

Ваше действие при входе в систему, вероятно, выглядит следующим образом: 

public ActionResult Login(LoginVM model) { }

, поэтому ожидаются имена полей, такие как Email и Password, а не LoginVM.Email и LoginVM.Password.

вместо этого вы можете использовать Html.Textbox (чтобы имя поля не создавалось автоматически).

...