Ext JS将容器添加到容器中

Question

我遇到了很奇怪的问题。我动态创建的容器不会被吸引到现有的容器中。

var patientContainer = new Ext.container.Container(id:'patientContainer'+ rec.data.patientId, style: {height: '500px', width:'500px',
                                                   borderColor:'#000000', borderStyle:'solid',
                                                   borderWidth:'1px'}});

// exsisting container

cont.add(patientContainer);
cont.doLayout();

存在值fr container id。我还检查了现有容器cont是否有任何问题 我错过了什么吗？

更新：使用此代码不会改变任何内容

      var patientContainer = Ext.create('Ext.container.Container', {
                        id:'patientContainer'+ rec.data.patientId,
                            width:400,
                            height:400,                                    
                               style: {
                                borderColor:'#000000',
                                borderStyle:'solid',
                            borderWidth:'1px'
                                    }

                    });

更新：下面是控制台输出的屏幕截图。第一个是nely创建的容器，第二个是现有容器

Answer 1

ExtJS配置作为对象传递，而不是作为参数传递。

var patientContainer = new Ext.container.Container({
    id:'patientContainer'+ rec.data.patientId,
    height: '500px',
    width:'500px',
    style: {
        borderColor:'#000000',
        borderStyle:'solid',
        borderWidth:'1px'
    }
});

注意附加{在开头和结尾。此外，建议使用Ext.create('Ext.container.Container', { ... });，因为它负责类加载，而新的关键字则没有。