Javascript Ext JS将容器添加到容器

我遇到了一些非常奇怪的问题。我动态创建的容器不会被绘制到现有容器中

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

//现有容器

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

存在容器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创建的容器，第二个是现有的容器

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'，{…}）

因为它负责类加载，而新的关键字不负责。

通常不应该将高度和宽度放入样式中，而是作为容器本身的配置，因为大多数容器都会动态计算高度和宽度，并进行设置，从而覆盖元素样式。尽管像

fit

这样的动态布局是非常有用的我们适用于容器，因此它们采用其内容的大小（或父级使用fit时其父级）抱歉，但还是没什么！发布一个完整的示例，你甚至没有显示容器的孤立代码片段是没有用的。我甚至不能做一个小提琴：卡在这里：因为代码中有语法错误…抱歉，但我没有看到任何错误！花点时间正确格式化你的代码，它会立即变得明显。或者干脆将代码放到任何pa中通用电气。