ExtJS直接加载HTML页面

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

ExtJS教程汇总：

说明

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

测试环境：ExtJS 7.4

使用html配置项

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

Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 600,
    html: "",
    renderTo: Ext.getBody()
});

使用loader配置项

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