如何在 Bootstrap 模态弹出窗口中加载部分视图并将参数传递给 actionresult 以在模态窗口加载时加载网格？答案

【问题标题】：How to load partial view in Bootstrap Modal Popup and pass parameter to actionresult to load grid on modal window load?如何在 Bootstrap 模态弹出窗口中加载部分视图并将参数传递给 actionresult 以在模态窗口加载时加载网格？
【发布时间】：2014-09-23 11:35:43
【问题描述】：

在 Bootstrap Modal 弹出窗口中加载部分视图时出现问题。我也可以将 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');
});

【问题讨论】：

标签： jquery asp.net-mvc twitter-bootstrap

【解决方案1】：

您可以将数据传递到 Html.Partial 中：

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

然后您只需在局部视图中使用它，就像在常规视图中一样。如果您对此更满意，也可以传递模型类。

【讨论】：