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 контейнер

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

Значение FR контейнера ID присутствует. Я также проверил, что нет ничего плохого в существующем контейнере cont Я что-то упустил?

UPDATE: с помощью этого кода ничего не меняет

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

        }); 

UPDATE: Ниже приведен скриншот консоли вывода. Первый из них является созданным контейнером, а второй - последним.

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', { ... });, потому что он заботится о загрузке классов, чего нет у нового ключевого слова.