ASP.NET MVC5 Razor Refreshモーダルダイアログ

Question

ユーザーが[Order]ボタンを押すたびにモーダルダイアログで実際の時間を取得しようとしています。

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

彼はモーダルのdiv OrderModalに

だからアクションが実際にすべての時間を実行しているとCreateOrderForm.cshtmlを呼び出しているアクション

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

をCreateOrderForm呼び出し

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

これを行うので、毎回ファイル

@{ 
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> 

BUT！ポップアップフィールドは、親ページの読み込み中に最初に入力されたままになります。

[注文]ボタンを押すたびにユーザーに新しい時間を与える方法を教えてください。

Answer 1

ページが最初に読み込まれるときに1回だけ実行されます。その後、モーダルポップアップを切り替えるたびに、同じHTMLを表示/非表示にするだけです。解決策は、ボタンをクリックしてモーダルを開くと、HTMLを更新することです。これを実現するには、JQueryのload()メソッドを使用できます。

まず、HTMLではなくモーダルを切り替えるには、JavaScriptを使用する必要があります。 JavaScriptで

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

以下のようなあなたのボタンを変更し、その後

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

以下のように、このボタンのイベントハンドラを追加し、子アクションの内容をロードします。

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

私は上記のコードをテストしておらず、誤植はほとんどありません。それが動作しない場合、私に知らせてください。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.