度量快速开发平台-专业、快速的软件定制快开平台

标题: easyui dialog 中嵌入html页面 [打印本页]

作者: Adam丶鱼    时间: 2020-4-6 17:40
标题: easyui dialog 中嵌入html页面
方法一:
使用href属性,失败。
经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html。
easyui官网上关于href属性的说明是:
属性href,类型string,一个URL,用它加载远程数据并且显示咋面板(panel)里。请注意,除非面板(panel)打开,否则内容不会被加载。这对创建一个惰性加载的面板(panel)很有用。
(惰性加载面板本人不太理解)
方法二:
使用content属性,成功。
html代码:
<div id="dialog"  class="easyui-dialog" closed="true"></div>
$("#dialog").dialog({
    title:'your title',
    width:1000,
    height:600,
    modal:true,
    content:"<iframe scrolling='auto' frameborder='0' src='aaa.html' style='width:100%; height:100%; display:block;'></iframe>"
});
$("#dialog").dialog("open"); // 打开dialog


作者: Adam丶鱼    时间: 2020-4-6 17:40

作者: 张兴康    时间: 2020-4-10 13:39

作者: Adam丶鱼    时间: 2020-4-13 17:27
张兴康 发表于 2017-11-10 13:39


作者: 张兴康    时间: 2020-4-14 14:35





欢迎光临 度量快速开发平台-专业、快速的软件定制快开平台 (http://p.delit.cn/) Powered by Discuz! X3.2