`
czpae86
  • 浏览: 721636 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Extjs4 动态加载(Ext.Loader)

阅读更多

项目文件路径图

 

Ext.Loader.setConfig({
   enabled: true,
   paths : {//'类名前缀':'所在路径'
      'App.ux' : 'lib'
   }
});
//或者用setPath设置匹配路径
//Ext.Loader.setPath('App.ux', 'lib');//'类名前缀','所在路径'
Ext.require(['App.ux.MusicWin']);//通过匹配会自动加载'lib/MusicWin.js'

注意Ext.require里面是类名或者别名什么的。

 

MusicWin.js代码:

Ext.define('App.ux.MusicWin',{
	play : function(){
		alert('playing...');
	}
});
 

 

浏览器监听结果:


 

 

项目文件路径图:


  • 大小: 1.1 KB
  • 大小: 2.6 KB
2
0
分享到:
评论
3 楼 u013606853 2014-10-10  
    1楼正解,相当于java中的导包。
2 楼 zhonghuart 2012-09-15  
求详解,带附件哟
1 楼 sdh88hf 2012-03-06  
红色字体的注意是错误的,为了避免误导他人请更正...

Ext.require(['App.ux.MusicWin']) 的含义是引入App.ux(也就是lib)文件夹下名为MusicWin.js的文件,而不是什么别名或类名

相关推荐

    Ext.tree.TreeLoader附带封装的json类

    4. **load**: 加载数据的方法,可以在此方法中处理数据解析和节点创建。 5. **params**: 发送请求时附带的额外参数。 JSON数据结构对于`TreeLoader`来说非常重要。一个适合树形视图的JSON数据应该包含以下元素: -...

    Ext.ux.tree.treegrid异步加载

    本文详细介绍了如何使用ExtJS中的`Ext.ux.tree.TreeGrid`组件实现异步加载功能,包括前端配置和后端数据处理两个方面。通过这种方式可以有效提升用户体验,同时减轻服务器的压力。在实际开发过程中,还需要根据具体...

    ExtJs3.* 分页树 Ext.ux.tree.PagingTreeLoader

    总之,`Ext.ux.tree.PagingTreeLoader`是ExtJs 3.x框架中一个非常实用的组件,它提高了大量数据树的加载效率,使得用户可以流畅地浏览和操作树结构。通过合理的配置和服务器端接口配合,可以构建出高效、用户体验...

    extjs4.2.1 tabPanel刷新及关闭标签

    上述代码中的`this.tabPanel.getActiveItem()`用于获取当前活动的标签页,之后通过`item.loader.load()`来触发数据的重新加载。如果标签页本身并没有定义`loader`对象,则可以通过动态创建的方式为其添加一个`...

    extjs实现动态树加载菜单

    动态树加载菜单是 ExtJS 中一种常见且实用的功能,它允许用户在需要时按需加载树节点,从而提高应用性能,减少初次加载时的数据量。 动态树加载,也称为懒加载或按需加载,是指在用户滚动、展开节点或执行其他操作...

    ExtJs4新类库特性详解及JS新语法扩展.docx

    本文将详细探讨ExtJS4中的新特性,包括JS动态引用加载、类库的扩展以及命名规范。 一、ExtJS4 对 JS 语法的扩展 1. **JS动态引用加载** 在ExtJS4中,为了提高应用性能和减少页面加载时间,引入了动态加载的概念...

    Extjs4.2 动态加载项目(权限模块)

    在“Extjs4.2 动态加载项目(权限模块)”中,动态加载主要体现在两个方面:一是对代码的懒加载,二是针对权限控制的动态加载。 1. **代码懒加载**:在大型应用中,所有类一次性加载可能会导致页面加载速度变慢。通过...

    ExtJS动态打包Loader

    ExtJS动态打包Loader是JavaScript开发中的一个重要工具,主要用于优化和管理Ext JS应用程序的资源加载。在大型Web应用中,由于代码量大、模块多,如何有效地加载和组织这些资源成为一个关键问题。动态打包Loader就是...

    extjs实现动态树

    4. 数据绑定:使用`store`属性与数据源进行绑定,通过监听`load`事件实现异步加载。 二、动态加载 1. `rootVisible`:设置为false可隐藏根节点,使树形结构从第一级节点开始显示。 2. `async`:设置为true启用异步...

    extjs_pifu主题包.zip

    1. **引入主题**:将预编译的CSS文件链接到HTML页面中,或者通过EXTJS的`Ext.Loader`配置加载。 2. **配置全局主题**:在EXTJS应用的配置对象中指定主题名称,例如`Ext.application({ theme: 'Pifu' })`。 3. **组件...

    extjs4 loader 官方实例

    在ExtJS 4中,可以通过设置'paths'配置来指定类文件所在的目录,例如`Ext.Loader.setPath('MyApp', 'path/to/MyApp')`。 4. **自动加载**:如果设置了`requires`或`uses`属性,Loader会在类实例化前自动加载所有...

    ExtJS桌面化(desktop)插件Demo项目

    在ExtJS中,可以使用`Ext.Loader`来实现动态加载,只需配置好依赖关系,系统会在运行时自动加载所需的类文件。 为了确保这个项目能够在myeclipse环境下运行,开发者可能已经调整了相关的配置,比如设置了正确的路径...

    ExtJS 4.0 的改变

    Ext.Loader.setConfig({ enabled: true, paths: { 'My': 'my_own_path' } }); ``` - 这允许开发者在不同的路径下组织类,并在需要时动态加载,提高应用的响应速度。 6. **其他改进**: - 组件和布局的性能...

    js语法之extjs

    在使用Extjs时,可以通过设置`Ext.Loader`来启用动态加载,并指定资源路径: ```javascript // 开启动态加载 Ext.Loader.setConfig({ enabled: true }); // 设置文件路径,将“../ux/”目录下的所有Js文件映射到...

    ext4.0改变 比较完整的介绍

    6. **动态类加载**:引入了`Ext.Loader`类,允许程序在运行时动态加载所需的JS文件。通过`setPath`和`require`等方法,可以按需加载,降低了初始页面的加载时间,提高了用户体验。 7. **自动类加载配置**:要启用...

    extjs TreePanel

    通过这些配置项和方法,开发者可以构建动态、交互性强的EXTJS TreePanel,实现数据的加载、节点的操作和用户交互。例如,可以设置`rootVisible`为`false`隐藏根节点,使用`loader`配置项定制数据加载逻辑,通过`...

    ExtJs4新类库特性详解及JS新语法扩展.pdf

    例如,`Ext.Loader.setConfig({ enabled: true })`启用动态加载,而`Ext.Loader.setPath`则可以指定类与文件路径的映射关系,从而实现按需加载。 2. JS基本数据类型的扩展 虽然JavaScript本身并不支持类,但ExtJS4...

    Ext Js权威指南(.zip.001

    4.4.4 实现动态加载:ext.loader / 151 4.4.5 管理类的类:ext.classmanager / 159 4.4.6 类创建的总结 / 161 4.5 动态加载的路径设置 / 163 4.6 综合实例:页面计算器 / 165 4.7 本章小结 / 169 第5章 ext ...

    Ext中TabPanel的动态页面加载

    本篇文章将深入探讨如何在EXT JS的`TabPanel`中实现动态页面加载,这在构建可扩展且高效的Web应用时非常关键。通过动态加载,我们可以避免一次性加载所有标签页内容,从而改善用户体验,减少初次加载时的网络负担。 ...

    ExtJS4中文教程2 开发笔记 chm

    在Extjs4应用中使用Ext.Loader ======================================= 11条jquery常用技巧和方法整理列表 8个超棒的学习jQuery的网站 JQuery 1.5 getJSON 的使用 JQuery AJAX提交中文乱码的解决方案 Jquery css...

Global site tag (gtag.js) - Google Analytics