【问题标题】:Error in console: Unrecognized alias: widget.feedform控制台错误:无法识别的别名:widget.feedform
【发布时间】:2018-07-12 01:02:27
【问题描述】:

我有以下问题。当我按下 feeds.js 文件夹中的 Add New Feed 按钮时,它应该调用 onNewFeed 函数(位于 MainController.js 文件中),控制台出现错误:

无法识别的别名:widget.feedform

当我在 file requires:['FeedViewer.view.main.FeedForm'] 中添加 MainController.js 时,控制台显示:

[Ext.Loader] 错误某些请求的文件无法加载。

文件夹结构:

//FeedViewer
    //app
        //view
           //main
               /MainController.js
               /MainModel.js
    //classic
    //modern
        //src
            //view
                //main
                    /FeedForm.js
                    /Feeds.js
                    /Main.js

MainController.js

Ext.define('FeedViewer.view.main.MainController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.main',

    onNewFeed: function () {
        var navView = this.getView(),
            form = navView.child('feedform');

        if (!form) {
            navView.push({
                xtype: 'feedform',
                reference: 'feedform'
            });
        } else {
            navView.setActiveItem(form);
        }
    }
});

FeedForm.js

Ext.define('FeedViewer.view.main.FeedForm', {
    extend: 'Ext.form.Panel',
    xtype: 'feedform',

    requires: [
        'Ext.Button',
        'Ext.field.Select',
        'Ext.form.FieldSet',
        'Ext.Toolbar'
    ],

    title: 'New RSS Feed',

    items: [{
        xtype: 'fieldset',
        items: [{
            xtype: 'selectfield',
            label: 'Select a new feed',
            labelAlign: 'top',
            allowBlank: false,
            name: 'feedUrl',
            options: [{
                value: 'http://rssfeeds.usatoday.com/usatoday-NewsTopStories', 
                text: 'USA Today Top Stories'
            }, {
                value: 'http://sports.espn.go.com/espn/rss/news', 
                text: 'ESPN Top News'
            }]
        }]
    }, {
        xtype: 'toolbar',
        docked: 'bottom',
        items: [{
            xtype: 'button',
            reference: 'savebutton',
            action: 'save',
            ui: 'action',
            text: 'Add'
        }]
    }]
}); 

Feeds.js

Ext.define('FeedViewer.view.main.Feeds', {
    extend: 'Ext.grid.Grid',

    xtype: 'feedslist',

    requires: [
        'ContactsApp.view.feeds.MainController',
        'ContactsApp.view.feeds.MainModel'

    ],

    viewModel: 'feeds',
    controller: 'feeds',

    columns: [{
        dataIndex: 'feed',
        text: 'feed'
    }],

    items: [{
        xtype: 'toolbar',
        docked: 'left',
        items: [{
            xtype: 'button'
            text: 'Add New Feed',
            iconCls: 'fa fa-plus',
            listeners: {
                click: 'onNewFeed'
            }
        }]
    }]
});

Main.js

Ext.define('FeedViewer.view.main.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'app-main',

    requires: [
        'Ext.window.MessageBox',

        'FeedViewer.view.main.MainController',
        'FeedViewer.view.main.MainModel',
        'FeedViewer.view.main.List'
    ],

    controller: 'main',
    viewModel: 'main',
    layout: 'column',

    items: [{
        xtype: 'feedlist',
        columnWidth: 0.5
    }]
});

【问题讨论】:

  • 你有什么建议吗?
  • 只需尝试将 FeedViewer.view.main.FeedForm 添加到提要网格的要求中

标签: javascript extjs sencha-touch extjs6 extjs6-modern


【解决方案1】:

Ext 尝试动态加载组件,看起来 feedform 没有正确注册。


你试过添加吗

alias: 'widget.feedform',

到您的 FeedForm.js


Panel.js 作为对比:

https://docs.sencha.com/extjs/6.2.0/classic/src/Panel.js.html

【讨论】:

  • 在经典版本中,一切正常。在现代版本中,Main.js 文件不会在 Modern 文件夹中仅在 app 文件夹中查找 FeedForm.js 和 Feeds.js 文件。我试图将 FeedForm.js 和 Feeds.j 移动到 app 文件夹,监听器在 Main.js 文件中不起作用
猜你喜欢
  • 1970-01-01
  • 2017-01-03
  • 2013-09-12
  • 1970-01-01
  • 2014-02-12
  • 2020-11-20
  • 2018-11-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多