在提交之前,将信息从部分视图拉入最终部分视图
本文关键字:视图 终部 提交 信息 | 更新日期: 2023-09-27 17:59:44
我有一个表单,它使用局部视图来加载不同的部分。当信息填写完毕后,我希望它能出现在最终的局部视图中,以便在提交前提供一个确认页面。我如何获取在一个局部视图中输入的信息,并在最终视图中显示以供提交?
我的局部视图代码如下:
@using (Ajax.BeginForm("PrimaryApplicant", new AjaxOptions { HttpMethod = "POST", InsertionMode = InsertionMode.Replace, UpdateTargetId = "step3", OnSuccess = "showStep3" }))
{
<h4>Primary Applicant Information</h4>
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<hr/>
<div class="form-group">
@Html.LabelFor(m => m.FirstName, new { @class = "col-md-3 control-label" })
<div class="col-md-9">
<div class="col-md-4">
@Html.TextBoxFor(m => m.FirstName, new { @class = "form-control", placeholder = "First Name" })
</div>
<div class="col-md-4">
@Html.TextBoxFor(m => m.MiddleName, new { @class = "form-control", placeholder = "Middle Name" })
</div>
<div class="col-md-4">
@Html.TextBoxFor(m => m.LastName, new { @class = "form-control", placeholder = "Last Name" })
</div>
@Html.ValidationMessageFor(m => m.FirstName)
</div>
</div>
<div class="form-group">
@Html.LabelFor(m => m.SSN, new { @class = "col-md-3 control-label" })
<div class="col-md-9">
<div class="col-md-4">
@Html.TextBoxFor(m => m.SSN, new { @class = "form-control", placeholder = "Social Security Number" })
@Html.ValidationMessageFor(m => m.SSN)
</div>
</div>
</div>
<div class="form-group">
@Html.LabelFor(m => m.DOB, new { @class = "col-md-3 control-label" })
<div class="col-md-9">
<div class="col-md-4">
@Html.TextBoxFor(m => m.DOB, new { @class = "form-control", type = "date", placeholder = "Date of Birth" })
@Html.ValidationMessageFor(m => m.DOB)
</div>
</div>
</div>
<div class="form-group">
@Html.LabelFor(m => m.Email, new { @class = "col-md-3 control-label" })
<div class="col-md-9">
<div class="col-md-4">
@Html.TextBoxFor(m => m.Email, new { @class = "form-control", type = "email", placeholder="Email Address" })
</div>
@Html.ValidationMessageFor(m => m.Email)
</div>
</div>
我使用模型来创建输入字段及其所有变量。在用户填写一个局部视图的输入并点击continue后,它将打开下一个部分视图。填写完表格后,我将如何显示与他们输入的值相呼应的最终确认页面?
每个视图都有一个视图模型。
- 单击下一个按钮时,将表单提交到当前页面的操作方法
- 将表单数据/视图模型存储在用户的当前会话中,以便以后检索,然后显示下一个视图
- 如有必要,重复步骤1和2
- 从会话中检索所有数据,并将它们组合到您的最终视图模型中,然后显示您的最终确认页面