欢迎来到俊杰的博客，你的关注和点赞是我前进的动力

jquery model 框设定

https://www.bootcdn.cn/   国内网址引用

 

js

function searchItemInfo(conditionNo,lotCD,itemKey) {

var conditionNos=conditionNo+":"+itemKey;

$('#H5').html('<spring:message code="W030100040"></spring:message>');

//这里需要跳转响应的页面 写在controller

$('#detailModel iframe').attr("src",

"${pageContext.request.contextPath}/W04053ItemInformations/initSearch?conditionNo="+conditionNos+"&lotCD="+lotCD);

$('#detailModel').modal('show');

}

<body>

<a onclick="searchItemInfo('${item.conditionNo}','${item.lotCD}','${item.itemKey}');">

modol 页面

<!-- iframe?-->

<div class="modal fade" id="detailModel" tabindex="-1" role="dialog" aria-labelledby="picSeleclModalLabel" aria-hidden="true" data-backdrop="static">

　　　　    <div class="modal-dialog" style="width :65%;"> <div class="modal-content">

　　　　　　　　<div class="modal-header">

　　　　　　　 　<button type="button" class="close"

                                  data-dismiss="modal" aria-hidden="true">&times;</button>

　　　　　　　　　　<h4 class="modal-title" id="H5"></h4> </div> <div class="modal-body">

　　　　　　　　　　<iframe name="iframe" src="" frameBorder="0" style="height:200px;width :80%;">

　　　　　　　　　　</iframe> 　　

　　　　　　　　　　</div>

　　　　　　　　</div>

　　　　　　</div>

　　　　</div>

</body>

参考样式

 

 

posted @ 2019-09-23 19:01  -嗯哼-  阅读(2010)  评论(0)    收藏  举报