动态加载的优势:提升应用启动的速度,之前都放在app.js注册,app会把所有注册的都实例化,导致启动很慢,经过测试应用开始加载时间明显缩短
Controller和Store层
// 判断是否创建过实例
if(!Ext.ClassManager.isCreated("Test.controller.phone.app0050000007.app0050000007Controller")){
// 加载controller, view, model, store JS文件
Ext.require(["Test.controller.phone.app0050000007.app0050000007Controller","Test.store.app0050000007.app0050000007Store"], function(){
//创建controller实例并绑定到application
// Sencha 2.2使用app.js中注册的Application Name作为全局命名空间,属性app保存application的实例
Ext.create("Test.controller.phone.app0050000007.app0050000007Controller", {
application: Test.app
});
Ext.create("Test.store.app0050000007.app0050000007Store", {
application: Test.app
});
});
}
Model层的动态加载放在store层管理如下所示:
Ext.define("Test.store.app0050000007.app0050000007Store", {
extend: "Ext.data.Store",
requires: 'Test.model.app0050000007.***,
autoLoad:true,
config: {
model : 'Test.model.app0050000007.***,
storeId : app0050000007Store,
}
});
注:1、requires必须引入 2:storeId必须加入,动态加载store是根据storeId获取,命名方式可以和上面定义的类名相同。
分享到:
相关推荐
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
sencha touch动态加载组件及容器内容,防止加载时间过长的问题
sencha touch 折叠list
Sencha Touch开发的项目《般若人生》源码
sencha touch 应用案例 sencha touch 案例 一个完整的sencha touch 应用案例 移动WEB社区开发的日志案例 非常不错!
sencha touch2移动开发框架,ajax获取数据
MAC OS 下sencha touch +cordova 开发环境配置。可以将H5 hybird 应用打包成IOS 应用。
sencha touch 2.4.0最新版 原版包下载
sencha touch中文翻译文档,包含sencha touch入门基础和一些控件的使用说明
sencha touch list demo
sencha touch cookbook 英文高清文字版 !
sencha touch 是一个移动平台UI开发框架,可以实现各种绚丽的页面效果
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
这是我做的一个sencha touch 的项目,测试并能运行,希望对大家有帮助
sencha touch grid
sencha touch sdk工具
《Sencha Touch 权威指南》陆凌牛著的源码包
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助