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加载顺序,好好调调顺序 ,估计可以成功
分享到:
相关推荐
ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。在3.x版本中,它提供了丰富的用户界面组件和强大的数据绑定机制。本篇将基于"Extjs3.x入门学习"这一主题,深入探讨相关知识点。 1. **EXT_JS...
4. **Ajax交互**:ExtJS 3.x 提供了强大的Ajax功能,如AJAX请求对象、数据Proxy,使得与服务器端数据交换变得更加简单。 5. **Store和Model**:数据存储机制,Store负责管理数据集,Model定义了数据结构和验证规则...
### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...
ExtJS 4.x 是一个流行的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库、数据绑定机制和可扩展的架构。在开发过程中,正确配置所需的jsb(JSBuilder)和js文件至关重要,以确保应用的高效运行和...
在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...
在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...
【ExtJs 4.x 学习笔记】 在Web应用程序开发领域,ExtJs是一个强大的JavaScript库,主要用于构建富客户端界面。随着技术的不断发展,ExtJs也不断进化,从3.x版本到4.x,再到5.x,引入了许多新特性,提升了开发效率和...
ExtJS2.X 版本app 这个版本目前找不到了噢
ExtJS 是一个流行的JavaScript库,专门用于构建富客户端应用程序。3.x 版本是其早期的一个稳定版本,广泛应用于各种企业级应用开发。这个“ExtJS 3.x 中文API”压缩包提供了一个中文版的文档,对于那些不熟悉英文...
ExtJS3.x 中文帮助文档,是 CHM 格式的,方便阅读和查询。本人正在使用,效果不错,共享出来,方便大家。
Ext JS 4.X 中文API,不过有些地方不是很好,显示的有点慢!
ExtJS 3.x 和 SWFUpload 是两种不同的技术,它们结合使用可以实现高效的多文件上传功能。这篇内容将深入解析这两个技术以及它们如何协同工作。 **ExtJS 3.x** ExtJS 是一个流行的JavaScript库,主要用于构建富...
详细的介绍了EXT2.X各种对象的属性、方法、事件
extjs4.x中文api 实用比较方便 。
绝对详细的extjs4.x api绝对详细,值得我们下载
ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。在2.x版本中,它提供了丰富的用户界面组件和强大的数据管理功能。主题是ExtJS应用的外观和感觉,定义了控件的颜色、字体、布局样式等。下面我们...
提供ExtJS4.x视频教程,视频清晰,讲解详细,分享给大家
extJS4.x中文API学习教程,想要学习extjs的童鞋可以下载看看
extJS4.x中文API学习教程Extjs初步获取Extjs下载extjs:
EXTJS4.X api chm格式以及ext-4.0.0.jsb2提示包等等一些要用的方便你我