extjs treepanel渲染器存在问题

Question

我想稍微修改默认的树面板渲染器。 因此，在第一步中，我尝试仅调用默认的树面板渲染器。 不幸的是，这行不通。

这是我的代码：

Ext.define('FMSGui.view.FMSFeatureTypeTreePanelColumn',
{
  extend:   'Ext.tree.Column',
  dataIndex: 'name',
  flex:1,
  renderer: function(v1)
  {
      return this.callParent(v1);
  }
}
);

TreePanel的代码如下所示：

Ext.define('FMSGui.view.FMSFeatureTypeTreePanel', {
    extend: 'Ext.tree.Panel',
    title: 'Feature Types',
    width: 200,
    height: 150,
    store: null,
    displayColumn:null,
    constructor: function(config)
    {
        this.displayColumn=Ext.create("FMSGui.view.FMSFeatureTypeTreePanelColumn");
        this.columns=[this.displayColumn];
        this.store=Ext.create("FMSGui.store.FMSFeatureTypeTreeStore");
        this.store.load();
        this.superclass.constructor.call(this,config);
    },
    rootVisible: true,
    lines: true, 
    useArrows: true 
    });

我总是收到错误消息：

XTemplate评估异常：this.callParent不是函数

如果我删除渲染器部件，它会顺便工作。

知道这里出了什么问题吗？ 感谢您的任何评论。

Answer 1

它是一个范围问题。 在renderer的关闭中， this不是对FMSGui.view.FMSFeatureTypeTreePanelColumn引用（它实际上是对窗口的引用），因此没有callParent属性。

尝试阅读本文： Closures ， 此关键字

如果您确切描述了要实现的目标，请return this.callParent(v1); 尝试用一些代码/小提琴帮助您。