`

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





 

 

分享到:
评论
1 楼 hexawing 2012-07-15  
老大,这排版……看着好晕啊…………

相关推荐

    Extjs3.x入门学习

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。在3.x版本中,它提供了丰富的用户界面组件和强大的数据绑定机制。本篇将基于"Extjs3.x入门学习"这一主题,深入探讨相关知识点。 1. **EXT_JS...

    extjs3.x 官方示例以及chm版api

    4. **Ajax交互**:ExtJS 3.x 提供了强大的Ajax功能,如AJAX请求对象、数据Proxy,使得与服务器端数据交换变得更加简单。 5. **Store和Model**:数据存储机制,Store负责管理数据集,Model定义了数据结构和验证规则...

    extjs4.x 配置所需jsb和js文件

    ExtJS 4.x 是一个流行的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库、数据绑定机制和可扩展的架构。在开发过程中,正确配置所需的jsb(JSBuilder)和js文件至关重要,以确保应用的高效运行和...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    ExtJS2.X 版本app

    ExtJS2.X 版本app 这个版本目前找不到了噢

    ExtJS 3.x中文API

    ExtJS 是一个流行的JavaScript库,专门用于构建富客户端应用程序。3.x 版本是其早期的一个稳定版本,广泛应用于各种企业级应用开发。这个“ExtJS 3.x 中文API”压缩包提供了一个中文版的文档,对于那些不熟悉英文...

    ExtJS3.x 中文API CHM 格式

    ExtJS3.x 中文帮助文档,是 CHM 格式的,方便阅读和查询。本人正在使用,效果不错,共享出来,方便大家。

    ExtJS 4.X 中文Api CHM

    Ext JS 4.X 中文API,不过有些地方不是很好,显示的有点慢!

    extjs3.x+swfupload.swf多文件上传终结版

    ExtJS 3.x 和 SWFUpload 是两种不同的技术,它们结合使用可以实现高效的多文件上传功能。这篇内容将深入解析这两个技术以及它们如何协同工作。 **ExtJS 3.x** ExtJS 是一个流行的JavaScript库,主要用于构建富...

    ExtJs 2.X API

    详细的介绍了EXT2.X各种对象的属性、方法、事件

    ExtJS4.x中文API

    extjs4.x中文api 实用比较方便 。

    extjs4.x中文API

    绝对详细的extjs4.x api绝对详细,值得我们下载

    Extjs2.x主题

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。在2.x版本中,它提供了丰富的用户界面组件和强大的数据管理功能。主题是ExtJS应用的外观和感觉,定义了控件的颜色、字体、布局样式等。下面我们...

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    ### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...

    ExtJS4.x视频教程

    提供ExtJS4.x视频教程,视频清晰,讲解详细,分享给大家

    extJS4.x中文API学习教程

    extJS4.x中文API学习教程,想要学习extjs的童鞋可以下载看看

    extJS4.x中文API学习教程【技术文档】

    extJS4.x中文API学习教程Extjs初步获取Extjs下载extjs:

    EXTJS4.X api chm格式以及ext-4.0.0.jsb2提示包等等一些

    EXTJS4.X api chm格式以及ext-4.0.0.jsb2提示包等等一些要用的方便你我

Global site tag (gtag.js) - Google Analytics