项目中有个需要点击然后弹出echarts图表的功能要实现,但是实际使用过程中弹出的echarts图表显示为空白;后注意到dialog的形式不管是链接的另一个页面还是当前页面的某个隐藏div,实际上最终都是属于触发弹出窗的母体的;于是采用iframe的方式进行了页面隔离,这样就属于两个页面了,之间就不会互相干扰了。
代码如下
BootstrapDialog.show({
title : '服务状况详情',
draggable: true,
closable: true,
closeByBackdrop: false,
closeByKeyboard: false,
//message : $('<div</div>').load('monitor2.html'),
// message: $($("#enginePlus").prop("outerHTML")),
message: '<iframe src=" monitor3.html" width="600" height="2600" frameborder="0" scrolling="no"></iframe>',
buttons : [ {
label : '确定',
cssClass : 'btn-primary',
action : function(dialogRef) {
dialogRef.close();
}
}, {
label : '取消',
action : function(dialogRef) {
dialogRef.close();
}
} ]
});