ExtJS直接加载HTML页面

更新记录
2022年6月25日 新增汇总链接。

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

说明#

ExtJS组件很不错，但再完美也有需要其他组件的时候，比如有时候就需要引入已经写好的HTML页面。主要的方法如下。

测试环境：ExtJS 7.4

使用html配置项#

这是最原始的办法，就是直接写html配置项。

Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 600,
    html: "<iframe src='http://www.cnblogs.com/cqpanda' scrolling='yes' frameborder=0 width=600 height=600></iframe>",
    renderTo: Ext.getBody()
});

使用loader配置项#

Ext.create('Ext.Component', {
    loader: {
        url: 'content.html',
        autoLoad: true
    },
    renderTo: Ext.getBody()
});