Question

我最近读到，使用Ext.getCmp被认为不是很好，所以我正在研究我的应用程序将它们转换为推荐的up（）或down（）方法。

我又出现了一个小问题。在我的登录控制器中，它似乎不起作用，我也不知道为什么。我最初使用Ext.getCmp的控制器如下所示：

onLoginClick: function() {

    let formValues = this.getView().down('form').getValues();

    Application.login(formValues.email, formValues.password).then(function() {

        this.getView().destroy();

    }.bind(this), function(data) {
        Ext.getCmp('loginissues').setValue(data.message).show();
    });

}

我的观点有点像这样

items: [{
    xtype: 'displayfield',
    id: 'loginissues',
    hidden: true
}, {
    xtype: 'textfield',
    id: 'email',
    name: 'email',
    fieldLabel: 'Email',
    allowBlank: true
}, {
    name: 'password',
    inputType: 'password',
    fieldLabel: 'Password',
    allowBlank: true
}]

因此，基本上发生的事情是，如果从API返回失败，它将把消息加载到显示字段中，然后取消隐藏。这一切都完美，但是如果我将视图中的id更改为itemId，然后将Ext.getCmp调用更改为以下内容，则它什么也没做。

this.getView().down('#loginissues').setValue(data.message).show();

没有错误或其他任何内容。

Answer 1

仅介绍这部分代码：

this.getView().down('#loginissues')

检查控制台是否能够成功获取参考。否则将“向下”更改为“向上”功能。

您也可以尝试：

Ext.ComponentQuery.query('#loginissues')

尽管此方法搜索整个DOM，但是不受视图布局更改的影响。元素在DOM中的位置很重要，控制权位于“向上”的位置的元素在下面。因此，“向上”有效。如果它（#loginissues）在控件之下，则“向下”将起作用。这（“上”和“下”功能）是DOM中计算优化的搜索。搜索仅进行一半，因此我们比组件查询更快地捕获引用。

在ExtJS 6中将ext.getCmp转换为up（）或down（）不会返回任何内容

1 个答案: