Я пытаюсь динамически добавить панель формы одним нажатием кнопки. Я получаю эти сообщения об ошибках, и я не уверен, почему это происходит. К сведению, строка 101 - это вызов doLayout (). Вот сообщение об ошибке:
ext-all.js:133 Uncaught TypeError: Cannot read property 'id' of null
at Ext.form.BasicForm.initEl (ext-all.js:133)
at sb.onRender (ext-all.js:134)
at sb.render (ext-all.js:58)
at sb.render (ext-all.js:64)
at Ext.layout.ContainerLayout.renderItem (ext-all.js:65)
at Ext.layout.ContainerLayout.renderAll (ext-all.js:65)
at Ext.layout.ContainerLayout.onLayout (ext-all.js:65)
at Ext.layout.ContainerLayout.layout (ext-all.js:65)
at sb.doLayout (ext-all.js:64)
at sb.handler (rcm.js:101)
Вот мой код:
var fieldCount = 0;
var poolPanel = new Ext.Panel({
id: 'poolPanel', width: '99%', frame: false
});
var addSearchField = new Ext.Button({
id: 'addSearchField', text: "Add Another Search Field", style: 'margin: 1px 0px 5px 5px ',
handler : function () {
var spotifyRecordCompanies = new Ext.form.FormPanel({
id: 'searchBar' + fieldCount,
items: []
});
fieldCount++;
Ext.getCmp("poolPanel").insert(fieldCount, spotifyRecordCompanies);
Ext.getCmp("poolPanel").doLayout();
}
});
Спасибо!