如何将简单的 dom 元素添加到 ExtJS 容器中？

Question

我想将Canvas元素添加到ExtJS Container元素中。但它只接受Ext.Component，而不接受任何 dom 元素。

画布创建代码：

canvas = document.createElement('canvas');

如何将其插入容器，或者我需要使用另一个 ext 组件？我需要为组件提供一些调整大小的逻辑，容器拥有它。

Answer 1

最好的方法是创建一个组件，其中元素是画布。这样，您基本上可以“免费”获得所有内置的布局内容。

new Ext.container.Container({
    width: 400,
    height: 400,
    layout: 'fit',
    items: {
        xtype: 'component',
        autoEl: {
            tag: 'canvas'
        }
    }
});