EasyUI中使用easyui-dialog加载iframe【推荐】

为了解决这个问题，尝试很多操作方式，发现都没能用iframe成功加载其他html页面，最终找到如下的实现方式，亲测可用~

先来看看html代码

	<div id="dlgVideo" class="easyui-dialog" style="width: 450px; height: 350px; padding: 10px 20px" closed="true"
		 buttons="#dlg-video-buttons">
			<iframe scrolling="auto" id='video' frameborder="0" src="" style="width:100%;height:100%;"></iframe>

		</div>

		<div id="dlg-video-buttons">
			<a href="javascript:closeVideoDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
		</div>

然后下面是js代码

	$('#video')[0].src = ip;
	var dlg = $("#dlgVideo").dialog({
					title: '视频监控',
					modal: true,
					resizable: true
				       });
	dlg.dialog("open");

效果如下图