Extjs 我可以在Ext JS中动态更改面板的属性吗？

因此，我有一个扩展Ext.panel.panel的视图

Ext.define('SomeView', {
    extend: 'Ext.panel.Panel',
    alias: 'someview',
    title: 'Some View',
    closable: true,
    initComponent: function () {
        this.itemId = 'someView';
        this.callParent(arguments);
    },

    layout: {
        type: 'vbox',
        align: 'stretch'
    },

    items: [
        {
            xtype: 'container',
            layout: 'hbox',
            items: [
                {
                    xtype: 'container',
                    itemId: 'someContainer',
                    tpl: '<h2>{someProperty}</h2>',
                    flex: 1
                },
    // other code omitted for brevity
});

显示视图后，我传递给

someProperty

的参数也会显示出来。但问题是，在显示视图后，我想更改

someProperty

。我可以这样做吗？如果是，怎么做？我的意思是我可以这样改变它

panel.someProperty = 'Some New Value';

---

但是视图本身不会生效。

您需要向panel类添加一个成员函数，以执行更新屏幕上显示内容的实际工作：

setSomeProperty: function(prop) {
    this.down('#someContainer').update({someProperty: prop});
}

setSomeProperty: function(prop) {
    this.down('#someContainer').update({someProperty: prop});
}