在ExtJs中应用设置

Question

我有：

var cp = Ext.create('Extensible.calendar.CalendarPanel', {
    id: 'calendar-remote',
    eventStore: eventStore,
    calendarStore: calendarStore
});

我想对它应用一个选项：

readOnly: true

来自外部功能。我用过

Ext.apply(cp, {
      readOnly: true
});

但它不起作用。

Answer 1

您需要在创建组件之前应用所有配置设置。之后，您可以调用setReadOnly（）方法（假设您的组件继承自Ext.form.field.Base）

Answer 2

Ext.define('EIM.view.calendar.Panel', {
    extend: 'Ext.panel.Panel',
    alias : 'widget.calendar_panel',
    ...
    initComponent: function() {
        this.readOnly = (1 === 1);//or anything else
        this.callParent(arguments);
        this.items = [
            {
                xtype : 'extensible.calendarpanel',
                readOnly: this.readOnly,
                eventStore: this.eventStore,
                ...
            }
        ];
    }
}

应该有用......