如何在Bootstrap Modal Popup中加载部分视图，并将参数传递给actionresult以在模式窗口加载时

Question

在Bootstrap模式弹出窗口中加载部分视图时出现问题。我也可以将prodId作为参数传递到模式弹出窗口吗？

控制器操作：

[AcceptVerbs(HttpVerbs.Get)]
public ActionResult Details(string INFO)
{
    return PartialView("DetailsPartialView");
}

型号：

<div class="modal" id="DetailsPopup" tabindex="-1" role="dialog" data-backdrop="static"
  data-keyboard="true" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      @Html.Partial("../Controller/DetailsPartialView")
    </div>
  </div>
</div>

按钮：

<button type="button" class="btn btn-default" id="btnDetails">Details</button>
$("#btnDetails").click(function () {
    $('#DetailsPopup').appendTo("body").modal('show');
});

Answer 1

您可以将数据传递到Html中。部分如下：

<div class="modal" id="DetailsPopup" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            @Html.Partial("../Controller/DetailsPartialView", new { id = yourId })
        </div>
    </div>
</div>

然后你只需要在局部视图中使用它，就像在常规视图中一样。如果你对此比较满意的话，你也可以通过模型课程。