extjs4.x的desktop 分离classes.js的方法
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加载顺序，好好调调顺序 ，估计可以成功