如何用extjs显示一个已经存在的页面

时间:2021-08-07 04:14:37

最近碰到了一个需求:

画面上有个按钮,点击了按钮之后,弹出一个窗体(window),而该窗体(window)上显示的内容是某个系统的内容,如下图所示

如何用extjs显示一个已经存在的页面

查了好长时间的extjs的帮助文档,没有找个现成的例子.跟他好像有点关系的就是看到了使用html属性的例子.

但是事例很简单.跟我想要的相差太多.所以一时半会头绪全无.

然后百度一下,看到可以在html属性里面用 iframe的方法,顿时茅塞顿开.

现在将解决方案记录一下.

Ext.create('Ext.window.Window', {
  title: 'Hello',
  height: 200,
  width: 400,
  layout: 'fit',
  items: {
    html: '<iframe target="_self" id="iccArea" name="ifocus" src="http://xxxxxx/" style="width:100%; height:100%;" frameborder="0"></iframe> ',
    bodyPadding: 5,
    border: false
  }
}).show();