Ext JS 4.0.7-类型错误:名称未定义

vdgimpew  于 2022-09-26  发布在  其他
关注(0)|答案(1)|浏览(106)

我曾经使用过Ext JS 6.0,现在我正试图让我的应用程序在Ext JS4.0.7中工作。版本4中可能有语法错误,这是版本6中格式良好的代码,我没有发现,但就我个人而言,我不知道它是什么。
引用存储和模型没有问题,但加载这样的自定义xtype。。。
app/view/Main.js

Ext.define('App.view.Main', {
  extend: 'Ext.container.Viewport',
  title: 'App Title',
  layout: 'anchor',
  items: [
    {
      xtype: 'configurations',
      itemId: 'configurationsSidebar'
    }
  ]
});

app/view/leftSidebar/Configurations.js

Ext.define('App.view.leftSidebar.Configurations', {
  extend: 'Ext.Panel',
  alias: 'widget.configurations',
  title: 'Configuration',
  width: 250,
  minWidth: 250,
  split: true,
  collapsible: true,
  scrollable: true,
  layout: 'anchor',
  items: [
    {
      xtype: 'label',
      text: 'Hi! You can see me'
    }
  ]
});

正在我的控制台中导致此错误(第一个是警告,第二个是错误):

Empty string passed to getElementById().               ext-all-debug-w-comments.js:8370:33
TypeError: name is undefined                            ext-all-debug-w-comments.js:8231:1

任何帮助都将不胜感激。

6mw9ycah

6mw9ycah1#

小部件名称无法帮助定位JavaScript文件,因此无法仅用该名称加载。您必须将组件的限定名添加到父组件的requires列表中,如下所示:

Ext.define('App.view.Main', {
    requires:['App.view.leftSidebar.Configurations']

这将导致加载子组件并注册e1d1e。

相关问题