我曾经使用过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
任何帮助都将不胜感激。
1条答案
按热度按时间6mw9ycah1#
小部件名称无法帮助定位JavaScript文件,因此无法仅用该名称加载。您必须将组件的限定名添加到父组件的
requires
列表中,如下所示:这将导致加载子组件并注册e1d1e。