uncaught exception:Ext.Loader is not enabled, so dependencies cannot be resolved dynamically,Missing required class:EXT.window.window
今天把extjs 4.0版本中examples中的desktop这个看了一下,老大要我改成符合我们需求的一个东西。
看实例代码。。。。
然后试着修改显示在桌面上得组件 ,改成中文,发现 只有改classes.js中的内容。界面才会改变。但是classes.js中包括了所有的组件,我不能把我要写的东西都放到一个文件里吧,那太不像话了,严重鄙视。
然后就百度了一下,接着就发现了这一篇文章 http://www.umtry.com/archives/679.html,内容如下:
extjs4.x的desktop模块似乎让新人摸不着头脑,虽然以前用过extjs的desktop做过些东西,但是新版的classes.js文件真让我恼火了一把。
网上查阅了些资料,了解到classes.js文件原来是所有类的发布版本,其他同文件夹下的类文件只是源代码而已。保留 classes.js 文件,删除其他类,源程序依然可以运行。
但是我们开发时是不能这样加载classes.js文件的,那么该怎么加载文件呢?下面就是一个列子。
Download desktop.html
<!
DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<
html>
<
head>
<
meta http-
equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
>
<
title>
玉米串--
extjs4 desktop拆分classes.js
文件</
title>
<
link rel=
"stylesheet"
type=
"text/css"
href=
"resources/css/ext-all.css"
/>
<
link rel=
"stylesheet"
type=
"text/css"
href=
"css/desktop.css"
/>
<
script type=
"text/javascript"
src=
"ext-all.js"
></
script>
<!--<
script type=
"text/javascript"
src=
"classes.js"
></
script>-->
<
script type=
"text/javascript"
src=
"ext-lang-zh_CN.js"
></
script>
<
script type=
"text/javascript"
src=
"js/Module.js"
></
script>
<
script type=
"text/javascript"
src=
"js/Video.js"
></
script>
<
script type=
"text/javascript"
src=
"js/Wallpaper.js"
></
script>
<
script type=
"text/javascript"
src=
"js/FitAllLayout.js"
></
script>
<
script type=
"text/javascript"
src=
"js/StartMenu.js"
></
script>
<
script type=
"text/javascript"
src=
"js/TaskBar.js"
></
script>
<
script type=
"text/javascript"
src=
"js/ShortcutModel.js"
></
script>
<
script type=
"text/javascript"
src=
"js/Desktop.js"
></
script>
<
script type=
"text/javascript"
src=
"js/App.js"
></
script>
<
script type=
"text/javascript"
src=
"WallpaperModel.js"
></
script>
<
script type=
"text/javascript"
src=
"VideoWindow.js"
></
script>
<script type="text/javascript"src="BogusModule.js"></script>
<script type="text/javascript" src="BogusMenuModule.js"></script>
<script type="text/javascript" src="Settings.js"></script>
<script type="text/javascript"src="TabWindow.js"></script>
<script type="text/javascript" src="GridWindow.js"></script>
<script type="text/javascript"src="AccordionWindow.js"></script>
<script type="text/javascript"src="SystemStatus.js"></script>
<script type="text/javascript"src="Notepad.js"></script>
<script type="text/javascript" src="start_menu.js"></script>
<script type="text/javascript" src="App.js"></script>
<script type="text/javascript">
//Ext.Loader.setConfig({enabled:true});
Ext.Loader.setPath
(
{
'Ext.ux.desktop': 'js',
MyDesktop:''
}
)
;
Ext.require('MyDesktop.App');
var myDesktopApp;
Ext.onReady
(
function
(
)
{
myDesktopApp = new MyDesktop.App
(
)
;
}
)
;
</script>
</head>
<body>
<a href="http://www.sencha.com" target="_blank" alt="Powered by Ext JS" id="poweredby"><div></div></a>
</body>
</html>
启发不小,开始动手做吧。
然后就出现了最上边的错误,知道是为什么吗?因为js加载顺序,好好调调顺序 ,估计可以成功