訪問類中的私有屬性

Question

爲什麼下面的代碼不工作（ExtJS V6）？

Ext.define('Test', { 
extend: 'Ext.window.Window', 
xtype: 'basic-window', 

config: { 
    mytitle: '' 
}, 

constructor: function (config) { 
    Ext.apply(this, config); 
    this.callParent(config); 
}, 

requires: [ 
      'Ext.form.Panel' 
     ], 

height: 300, 
width: 400, 
scope: this, 
title: 'title: ' + this.mytitle, 
autoScroll: true, 
autoShow: true, 
bodyPadding: 10, 
html: "Lorem ipsum", 
constrain: true, 
}); 

var t = Ext.create('Test', {mytitle: 'testtitle'}); 
t.show(); 

我認爲這會將窗口的標題設置爲「title：testtitle」。相反，它將標題設置爲「title：undefined」。

附加：如果我使用

... 
title: 'title' + this.getMytitle(), 
... 

我得到 「遺漏的類型錯誤：this.getMytitle不是一個函數」。爲什麼？

Answer 1

第一個問題 當title: 'title: ' + this.mytitle評估，this沒有指向你的類的實例。你應該做的是從constructor

也 到callParent呼叫預期的參數數組，它更容易隨時撥打this.callParent(arguments)

最後 只能調用this.getMytitle()你打過電話後，構造函數。

見https://fiddle.sencha.com/#fiddle/uh9

constructor: function(config) { 
    this.callParent(arguments); 
    this.setTitle('title: ' + this.getMytitle())      
}, 

---

關於CONFIGS做設定

通過實施updateMytitle一個配置響應正確的方法，它還將每當有人呼籲setMytitle('title')

工作

https://fiddle.sencha.com/#fiddle/uha

Ext.define('Test', { 
    extend: 'Ext.window.Window', 
    xtype: 'basic-window', 
    requires: ['Ext.form.Panel'], 
    config: { 
     mytitle: '' 
    }, 

    updateMytitle: function(mytitle) { 
     this.setTitle('title: ' + mytitle);   
    },