读书人

extjs4.x的desktop 分开classes.js的方

发布时间: 2012-08-25 10:06:20 作者: rapoo

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加载顺序,好好调调顺序 ,估计可以成功

?

?

读书人网 >JavaScript

热点推荐