访问类中的私有属性

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);   
    },