在提交之前,将信息从部分视图拉入最终部分视图

本文关键字:视图 终部 提交 信息 | 更新日期: 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. 将表单数据/视图模型存储在用户的当前会话中,以便以后检索,然后显示下一个视图
  3. 如有必要,重复步骤1和2
  4. 从会话中检索所有数据,并将它们组合到您的最终视图模型中,然后显示您的最终确认页面