`

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

 

 

分享到：
| ext的store.load的callback如何获得respon ...
评论
1 楼 hexawing 2012-07-15  
老大，这排版……看着好晕啊…………
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics