2

我是 MVC 的新手,正在尝试实现我期望的常见问题。我有一个简单的搜索表单,我想在网站的每个页面上实现它。我希望这部分维护自己的代码,这样我就不必在每一页上复制它。

到目前为止,我已经能够通过在模板页面上调用渲染操作来做到这一点。渲染操作填充快速搜索表单。当我提交表单时,我能够验证表单,但是我还没有找到一种方法来重新显示带有验证信息的同一页面。我更喜欢一种只刷新表单区域的方式,但只要重新显示页面,我就会接受完整的回发。

模板渲染调用

@{Html.RenderAction("Display", "QuickSearch");}

动作控制器

    [HttpPost]
    public ActionResult Submit(QuickSearchModel qsModel)
    {
        if (!ModelState.IsValid)
        {
            return PartialView(qsModel);
        }

        //Perform redirect
    }

 [ChildActionOnly]
        public ActionResult Display()
        {
           //populate model
           return View(qsModel);
         }

快速搜索视图

<div>
    @using (Html.BeginForm("Submit", "QuickSearch"))
    { 
        @Html.ValidationSummary(true)
        @Html.LabelFor(m => m.Destination)@Html.EditorFor(m => m.Destination)@Html.ValidationMessageFor(m => m.Destination)<br />
        @Html.LabelFor(m => m.ArrivalDate)@Html.EditorFor(m => m.ArrivalDate)@Html.ValidationMessageFor(m => m.ArrivalDate)
        @Html.LabelFor(m => m.DepartureDate)@Html.EditorFor(m => m.DepartureDate)@Html.ValidationMessageFor(m => m.DepartureDate)<br />
        @Html.LabelFor(m => m.Adults)@Html.DropDownListFor(model => model.Adults, new SelectList(Model.AdultsSelectOptions, "value", "text", Model.Adults))<br />
        @Html.LabelFor(m => m.Children)@Html.DropDownListFor(model => model.Children, new SelectList(Model.ChildrenSelectOptions, "value", "text", Model.Children))<br />
        <input id="qsSubmit" name="qsSubmit" type="submit" value="Submit" />
    }
</div>

提前感谢您的任何帮助!

4

1 回答 1

0

我看到你有以下问题:

  1. 如何重定向回进行搜索的页面?
  2. 如果这个原始页面是“发布到”的——也就是说它正在渲染一些东西,基于 POST 请求?在这种情况下,我们将无法以任何简单的方式“重新生成”此 POST;
  3. 在我们重定向到原始页面后,如何传达我们未能验证的搜索模型(或只是它的错误)?

鉴于所有这些挑战,我首先会认真考虑以 AJAX 样式制作此搜索表单。如果适合您,那将是更容易的解决方案。

如果 AJAX 不是一个选项,我会看到针对相应问题的以下解决方案:

  1. 我会在搜索表单中使用原始页面的 URL 创建一个隐藏字段。当验证失败时,我们可以重定向到这个 URL(只需检查它是本地 URL 并且没有人试图阻止某些东西);
  2. This is a major problem - trying to replay original POST is not easy, but it may not be needed either - just check if this is a problem anyway;
  3. You could use TempData dictionary to communicate errors or model back to original page.
于 2011-11-15T08:57:04.317 回答