16

我有几个月开发 Extjs Web 应用程序的经验。我遇到了这个问题：

当我重写一个类时，我修改了方法并遵循了之前的实现和调用callParent()。覆盖部分有效，但callParent()调用了旧实现。

我的覆盖代码

Ext.override(Ext.layout.component.Draw, {
    finishedLayout: function (ownerContext) {

        console.log("new layouter being overriden");
        this.callParent(arguments);
    }
});

要重写的 Extjs 类方法：

finishedLayout: function (ownerContext) {
    var props = ownerContext.props,
        paddingInfo = ownerContext.getPaddingInfo();

    console.log("old layouter being overriden");
    this.owner.setSurfaceSize(props.contentWidth - paddingInfo.width, props.contentHeight - paddingInfo.height);

    this.callParent(arguments);
}

在控制台中，我可以看到首先新布局器打印出消息，然后是旧布局器实现......我放置了一个断点并回溯调用堆栈，callParent()新布局器的调用堆栈称为旧布局器。我需要调用父类，而不是被覆盖的方法。

知道如何解决这个问题吗？

4

2 回答 2

21

如果您使用 ExtJS 4.1.3 或更高版本，您可以使用this.callSuper(arguments)“跳过”被覆盖的方法并调用超类实现。

该方法的 ExtJS文档提供了以下示例：

Ext.define('Ext.some.Class', {
    method: function () {
        console.log('Good');
    }
});

Ext.define('Ext.some.DerivedClass', {
    method: function () {
        console.log('Bad');

        // ... logic but with a bug ...

        this.callParent();
    }
});

Ext.define('App.patches.DerivedClass', {
    override: 'Ext.some.DerivedClass',

    method: function () {
        console.log('Fixed');

        // ... logic but with bug fixed ...

        this.callSuper();
    }
});

和评论：

patch 方法不能使用 callParent 来调用超类方法，因为这会调用包含错误的覆盖方法。换句话说，上面的补丁只会在控制台日志中产生“Fixed”然后是“Good”，而使用 callParent 会产生“Fixed”然后是“Bad”然后是“Good”

于 2013-04-09T14:14:14.900 回答
5

您不能使用callParent，但可以直接调用祖父类方法。

GrandparentClass.prototype.finishedLayout.apply(this, arguments);

这是一种更通用（如果有些脆弱）的方法。

this.superclass.superclass[arguments.callee.$name].apply(this, arguments);
于 2013-04-09T13:47:03.963 回答