当前位置: 代码迷 >> JavaScript >> extjs4.x的desktop 分开classes.js的方法
  详细解决方案

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

热度:295   发布时间:2012-08-25 10:06:20.0
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加载顺序,好好调调顺序 ,估计可以成功



?

?

  相关解决方案