欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery ui dialog 加载单独页面,不使用iframe

程序员文章站 2022-06-16 09:48:58
...

 

使用iframe加载页面,

优点,没有冲突,缺点:需要单独引用css,js

 

一、使用ifame

方式一:

感觉这个好点,不用总重新创建iframe

<div style="display:none;overflow:hidden;padding:3px" id="dialog"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" id="prodcutDetailSrc"  scrolling="no"  width="100%" height="100%"></iframe></div>

 

$("#prodcutDetailSrc").attr("src","ProductDetails.aspx?id=" + $(this).attr("id")); //设置IFRAME的SRC;
$("#dialog").dialog({dialogoptions});

 https://www.cnblogs.com/kmsfan/p/4119788.html

 

方式二:

$("<iframe id='editFrame' src='http://localhost:8080/upf/test.jsp' />").dialog({autoOpen: true, modal: true, title: "新增人员" });

 https://blog.csdn.net/codefighting/article/details/6263776

 

二、不使用ifame

用load方法加载,推荐

<div id="dlgCheckRole" class="hide"></div>

 

$("#dlgCheckRole").load(contextPath+"/role/checkRole?userId="+userId).removeClass('hide').dialog({dialogoptions});

 https://*.com/questions/5660263/how-to-display-an-iframe-inside-a-jquery-ui-dialog