Кажется, у меня тут странная проблема.Расширенный компонент имеет следующий код:
MyApp.panels.RelationshipDetails = Ext.extend(Ext.FormPanel, {
closable: true,
relationshipId: null,
documentId: null,
title: 'Relationship',
initComponent: function () {
if (!this.verifyRequiredData()) {
MyApp.panels.RelationshipDetails.superclass.initComponent.call(this);
return;
}
// Build components
this.tbar = this.buildToolbar();
this.items = this.buildDetailItemArray();
MyApp.panels.RelationshipDetails.superclass.initComponent.call(this);
},
verifyRequiredData: function () {
// Verification code here
},
buildDetailItemArray: function () {
return [{
xtype: 'fieldset',
title: 'Details',
collapsible: true,
autoHeight: true,
items: [{
xtype: 'hidden',
name: 'Id'
}, {
xtype: 'textfield',
fieldLabel: 'Name',
name: 'Name'
}, {
xtype: 'textfield',
fieldLabel: 'Description',
name: 'Description'
}, {
xtype: 'button',
text: 'Save',
name: 'saveButton'
}]
}];
},
buildToolbar: function () {
return new Ext.Toolbar({
// Toolbar Config
});
}
});
Проблема заключается в том, что при визуализации этой панели отображается только панель инструментов.Благодаря отладке я вижу, что BuildDetailItemArray()
вызывается правильно и возвращает правильный результат.
Это становится еще более странным, когда я закомментирую строку this.tbar =
, потому что когда панель инструментов отсутствует, набор полейполе отображается правильно.Это происходит, даже если я расширяю Panel
вместо FormPanel
.Я также попытался абстрагировать поля формы в его собственный компонент, и произошло то же самое.
У кого-нибудь есть идеи, почему это не работает?