Model view controller 从bootstrap.js或ext all debug/mvc加载切换时出现问题
我正在尽可能地制作最简单的extjs4/sencha应用程序,我发现当我使用ext-dev.js(按照sencha的建议)时,会在文件上出现404个错误,例如:Model view controller 从bootstrap.js或ext all debug/mvc加载切换时出现问题,model-view-controller,extjs4,Model View Controller,Extjs4,我正在尽可能地制作最简单的extjs4/sencha应用程序,我发现当我使用ext-dev.js(按照sencha的建议)时,会在文件上出现404个错误,例如: /src/container/Viewport.js /src/app/application.js 当我切换回ext-debug-all.js时,应用程序可以工作,但不会抛出应该抛出的错误 我的App.js非常简单。看起来是这样的(我在/app目录中加载内容) 您应该像这样指定extjs src文件夹: Ext.Loader.set
/src/container/Viewport.js
/src/app/application.js
当我切换回ext-debug-all.js时,应用程序可以工作,但不会抛出应该抛出的错误
我的App.js非常简单。看起来是这样的(我在/app目录中加载内容)
您应该像这样指定extjs src文件夹:
Ext.Loader.setConfig({
enabled:true,
paths:{
'Ext':"js/ext/src",
'Ext.ux':"js/ux/"
}
});
您应该像这样指定extjs src文件夹:
Ext.Loader.setConfig({
enabled:true,
paths:{
'Ext':"js/ext/src",
'Ext.ux':"js/ux/"
}
});
ext-dev.js只包含一组基本的ext核心类,并依赖于通过ext.Loader
动态加载来获取其他类。每个类都是一个Javascript文件,位于与其包层次结构匹配的级联目录中
默认情况下,Ext.Loader
将在src
目录中查找与html文件目录相关的其他Ext类。因此,src/container/Viewport.js和src/app/Application.js的404
将Ext.Loader
指向Ext源文件的位置,例如:
Ext.Loader.setPath('Ext', '../ext-4.0.2a/src');
默认情况下,您的自定义课程将从app
目录中获取,但这可以根据您的喜好进行更改:
Ext.Loader.setPath('EvMgr', 'evmgr');
顺便说一句,当使用ext-dev.js时,应该不需要像在代码的前两行中那样启用ext.Loader
或需要标准的ext类,如ext.container.Viewport
使用ext-all-debug.js时,必须明确启用ext.Loader
,以允许动态加载自定义类文件。不过,不需要设置Ext类的路径——它们都包含在Ext-all-debug.js中
注意:另一个常见的陷阱是使用autoCreateViewport:true
Ext将尝试加载EvMgr.view.Viewport
的类文件。这应该是一个扩展了Ext.container的类。Viewport
Ext-dev.js只包含一组基本的Ext核心类,并依赖于通过Ext.Loader
动态加载来获取其他类。每个类都是一个Javascript文件,位于与其包层次结构匹配的级联目录中
默认情况下,Ext.Loader
将在src
目录中查找与html文件目录相关的其他Ext类。因此,src/container/Viewport.js和src/app/Application.js的404
将Ext.Loader
指向Ext源文件的位置,例如:
Ext.Loader.setPath('Ext', '../ext-4.0.2a/src');
默认情况下,您的自定义课程将从app
目录中获取,但这可以根据您的喜好进行更改:
Ext.Loader.setPath('EvMgr', 'evmgr');
顺便说一句,当使用ext-dev.js时,应该不需要像在代码的前两行中那样启用ext.Loader
或需要标准的ext类,如ext.container.Viewport
使用ext-all-debug.js时,必须明确启用ext.Loader
,以允许动态加载自定义类文件。不过,不需要设置Ext类的路径——它们都包含在Ext-all-debug.js中
注意:另一个常见的陷阱是使用autoCreateViewport:true
Ext将尝试加载EvMgr.view.Viewport
的类文件。这应该是一个扩展Ext.container.Viewport
的类