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

Question

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

Canvas 创建代码:

canvas = document.createElement('canvas');

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

Answer 1

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

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