Question

我在强类型视图中有一个MVC 3表单，其中我需要提交的一个字段是在jQuery对话框中。我无法将此字段作为提交的POST参数的一部分。为什么哦为什么？

观点：

@model My.Models.DialogFieldModel
@{
    ViewBag.Title = "Index";
}

<script type="text/javascript">
    $(document).ready(function () {
        $('#aDialog').dialog({
            autoOpen: true,
            height: 250, width: 400,
            modal: true,
            buttons: {
                "Ok!": function () {
                    $(this).dialog("close");
                }
            }
        });

    });
</script>

<h2>Index</h2>

@using (Html.BeginForm("PostDialogField", "DialogField"))
{
    @Html.ValidationSummary(true)
    <fieldset>

        @Html.HiddenFor(m => m.ID)
        @Html.DisplayFor(m => m.message)

        <div id="aDialog">
            <h3>Fill in this message!</h3>
            <div class="editor-field">
                @Html.EditorFor(m => m.message)
            </div>
        </div>

        <p><input type="submit" value="Submit Message" /></p>

    </fieldset>
}

模特：

using System;

namespace My.Models
{
    public class DialogFieldModel
    {
        public int ID { get; set; }
        public String message { get; set; }

        public DialogFieldModel()
        {
            message = "Default";
        }
    }
}

控制器：

using System;
using System.Web;
using System.Web.Mvc;
using WellTrkd.Models;

namespace My.Controllers
{
    public class DialogFieldController : Controller
    {
        public ActionResult Index()
        {
            DialogFieldModel dfm = new DialogFieldModel(); // set default message
            return View(dfm);
        }

        [HttpPost]
        public ActionResult PostDialogField(DialogFieldModel dfm)
        {
            String message = dfm.message;
            if (message != "Default")
                //Yay!
                return RedirectToAction("Index");
            else // Boo
                return RedirectToAction("Index");
        }

    }
}

不幸的是，＃message字段永远不会与其他HTML POST参数一起提交（在chrome dev视图的网络选项卡中选中），除非我将其从对话框中取出。结果是，在PostDialogField操作中，dfm.message包含“Default”字符串，即使我已在对话框中更改了消息。

我知道我可以在与对话框中的字段保持同步的表单中添加隐藏字段，但我觉得我遗漏了一些东西。有什么想法哦明智的吗？

Answer 1

您的问题是，您转换为对话框的元素将从窗体移出到DOM底部的新对话框元素。由于它不再是表格的一部分，因此在提交表格时不会提交。

如果您在关闭对话框时将其销毁，它将被移回原来的位置，但我无法看到这是否是您想要的。另一种选择是同步元素。

如何在MVC 3中的隐藏对话框中提交字段

1 个答案: