ASP.NET MVC5 Razor 刷新模式对话框

Question

每次用户按下“订单”按钮时，我都会尝试在模式对话框中获取实际时间。

<a class="btn btn-primary" data-toggle="modal" data-target="#OrderModal">@MEDONET.Language.Doctor.Texts.Order</a>

所以每次他在模态 div OrderModal 中执行此操作

<div id="OrderModal" class="modal fade" role="dialog">
    @Html.Action("CreateOrderForm", Model.CreateOrderVM)
</div>

调用 CreateOrderForm 操作

public ActionResult CreateOrderForm(CreateOrderVM createOrderVM)
    {
        createOrderVM.Minute = DateTime.Now.Minute.ToString().PadLeft(2, '0');
        return View("CreateOrderForm", createOrderVM);
    }

因此该操作实际上每次都在运行并调用 CreateOrderForm.cshtml 文件

@{
Layout = null;
}
@model MEDONET.Models.CreateOrderVM

<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title text-center">Order To Line</h4>
    </div>
    <div class="modal-body">
        @using (Html.BeginForm("CreateOrder", "Doctors", FormMethod.Post))
        {
            @Html.AntiForgeryToken()
            @Html.HiddenFor(m => m.DoctorId)
            <div class="row text-center">
                <p>Date & Time</p>
                @Html.Label("Year")
                @Html.EditorFor(model => model.Year, new { htmlAttributes = new { @class = "form-control", @Value = DateTime.Now.Year } })<br />
                @Html.Label("Month")
                @Html.EditorFor(model => model.Month, new { htmlAttributes = new { @class = "form-control", @Value = DateTime.Now.Month } })<br />
                @Html.Label("Day")
                @Html.EditorFor(model => model.Day, new { htmlAttributes = new { @class = "form-control", @Value = DateTime.Now.Day } })<br />
                @Html.Label("Hour")
                @Html.EditorFor(model => model.Hour, new { htmlAttributes = new { @class = "form-control", @Value = DateTime.Now.Hour } })<br />
                @Html.Label("Minute")
                @Html.EditorFor(model => model.Minute, new { htmlAttributes = new { @class = "form-control" } })<br />
                @if (this.User.IsInRole("Registrator"))
                {
                    @Html.EditorFor(model => model.PhoneNumber, new { htmlAttributes = new { @class = "form-control" } })<br />
                }
                <button type="submit" class="btn btn-default">Submit</button>
            </div>
        }
    </div>
    <div class="modal-footer">

    </div>
</div>

但是！弹出字段仍然填充父页面加载时给出的第一次。

如何在用户每次按下订单按钮时​​给他新的时间？

Answer 1

Razor 代码仅在第一次加载页面时执行一次。之后，每次切换模式弹出窗口时，它只会显示/隐藏相同的 HTML。解决方案是在单击按钮打开模态框后更新 HTML。您可以使用 JQuery 的load() 方法来实现这一点。

首先你需要使用 JavaScript 来切换 Modal 而不是 HTML。如下修改您的按钮

<a class="btn btn-primary" id="openModal">@MEDONET.Language.Doctor.Texts.Order</a>

在 JavaScript 中，为该按钮添加事件处理程序，如下所示

$('#openModal').on('click', function() {
  ...
})

然后，加载子动作的内容。

$('#openModal').on('click', function() {
  $("#OrderModal").load("@Url.Action("CreateOrderForm", "ControllerName")", function() {
    $('#OrderModal').modal('show')
  });
})

我还没有测试过上面的代码，它可能需要一些错字更正。如果它不起作用，请告诉我。

Answer 2

我猜该方法使用某种帖子，然后返回新表单。 在这种情况下，当您返回相同的视图时，模型状态就是填充这些字段的状态。为了解决它添加动作

ModelState.Clear();

或者

ModelState.Remove("myChangeValue");

您可以在https://blogs.msdn.microsoft.com/simonince/2010/05/05/asp-net-mvcs-html-helpers-render-the-wrong-value/寻找更多信息

如果您只想更改模式中的时间，我建议您在显示模式时使用 javascript 更改它。

$('#OrderModal #Minute').val(new Data().getMinutes());