<%-- 点击按钮弹出model框 --%>
<button id="btnshow" class="CssClass="btn btn-primary"></button>
<%-- bootstrap的model框使用iframe嵌套子页面 --%>
<div id="modelID" class="modal" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title"><b>处理操作</b></h4>
</div>
<div class="modal-body">
<iframe frameborder="0" style="width: 100%; height: 400px;"></iframe>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#btnshow").click(function () {
var Mymodel = $("#modelID");
var iframe = Mymodel.find("iframe")[0];
iframe.src = "xxxxxxxx";
Mymodel.modal("show");
iframe.onload = function () {
//iframe中的页面内容当按钮"save"保存点击完成以后关闭当前model框
iframe.contentWindow.$(".save").on("click", function () {
Mymodel.modal("hide");
});
//iframe中的页面内容当按钮"cancel"取消点击完成以后关闭当前model框
iframe.contentWindow.$(".cancel").on("click", function () {
Mymodel.modal("hide");
});
}
})
</script>