动态加载的优势:提升应用启动的速度,之前都放在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获取,命名方式可以和上面定义的类名相同。
分享到:
相关推荐
6. **MVC模式的应用**:Sencha Touch采用Model-View-Controller(MVC)架构,允许开发者将业务逻辑、视图和数据控制分离。在动态加载场景下,可以创建独立的MVC模块,根据需要动态引入。 在"DynamicMVC"这个文件夹...
Sencha Touch 的三层架构主要包括视图(View)、模型(Model)和控制器(Controller)。视图是用户界面的呈现部分,模型用于处理数据,而控制器则负责协调视图和模型之间的交互。 1. 视图(View): 在Sencha ...
2. **模型(Model)与存储(Store)**:Sencha Touch使用MVC(Model-View-Controller)架构。模型用于定义数据结构和业务逻辑,而存储则负责管理数据,包括加载、保存和同步到服务器。 3. **视图(View)与控制器...
2. **代码生成**:工具可以自动生成MVC结构(Model-View-Controller)的基础代码,包括Store、Model、View和Controller,这大大简化了开发流程。例如,使用`sencha generate app`命令可以初始化一个新的应用项目,`...
Sencha Touch 2是一款专为移动设备开发的前端框架,用于构建高性能的触控应用程序。它提供了丰富的组件库,使得开发者能够轻松创建出与原生应用相似的用户体验。本篇文章将详细阐述如何搭建Sencha Touch 2的开发环境...
你可以使用Sencha Touch 的模型(Model)和存储(Store)来管理这些数据,然后转换成FusionCharts所需格式。 4. **初始化图表**:在Sencha Touch 的控制器(Controller)中,当数据加载完成后,利用FusionCharts的API创建...
深入学习Sencha Touch 1.0.1a,你将掌握如何创建响应式的布局、实现动态数据加载、处理用户触摸事件等技能。同时,这也为你进一步学习更新的Sencha Touch 版本或相关的Web开发技术打下基础。对于想要从事移动Web开发...
在Sencha Touch中,Model-View-Controller(MVC)模式是其核心架构,用于组织和管理应用程序的各个部分。本Demo将向我们展示如何利用Sencha Touch MVC实现一个功能完善的移动应用。 1. **Model**:在Sencha Touch中...
Sencha Touch是Sencha公司开发的一个专门针对移动设备的JavaScript MVC(Model-View-Controller)框架,它提供了丰富的UI组件和触摸事件处理,为开发者创建响应式、高性能的移动Web应用提供便利。Sencha Touch 2.0...
Sencha Touch是一款强大的JavaScript框架,专门用于构建移动Web应用程序,它提供了丰富的UI组件和MVC(Model-View-Controller)架构,使得开发者可以创建出具有原生应用体验的跨平台移动应用。配合.Net服务,Sencha ...
在Sencha Touch中,Model用于存储和管理数据,View负责展示数据,而Controller作为两者之间的桥梁,处理用户交互并协调模型和视图。 在"NotesApp-1"这个压缩包中,我们可能会找到以下关键文件: 1. **app.js**:这...
- app文件夹:包含MVC文件夹结构,如model、view、controller、store、profile等文件夹。 - resources文件夹:存放应用相关的资源文件,如CSS、SASS。 - index.html:作为应用的入口页面,内嵌Sencha Touch框架...
Sencha Touch 2 是一款专为移动设备设计的前端框架,它基于JavaScript,利用MVC(Model-View-Controller)架构模式,为开发者提供了一套完整的工具来构建高性能的触屏应用。本示例主要关注如何在Sencha Touch 2应用...
### Sencha Touch 移动开发知识点详解 #### 一、概览 Sencha Touch 是一款专为移动设备设计的高性能 JavaScript 框架,能够帮助开发者构建原生体验的应用程序。它支持 HTML5 和 CSS3 的最新标准,并且兼容多种移动...
在Sencha Touch中,Ajax功能是构建动态、交互式Web应用程序的重要组成部分。Ajax允许应用程序从服务器异步请求数据,而不需要重新加载整个页面,这样可以提升用户体验。使用Ext.Ajax.request方法,可以在Sencha ...
Sencha Touch 是一款专为移动设备设计的前端框架,它提供了丰富的组件库和交互效果,使得开发者能够构建高性能、跨平台的移动Web应用程序。在深入探讨Sencha Touch移动开发之前,我们先了解一下移动开发的基本概念。...
- **编写代码**:基于MVC模式组织代码,包括模型(Model)、视图(View)、控制器(Controller)。 - **资源管理**:在`resources`目录下管理CSS样式、图片和其他静态资源。 - **编译与打包**:使用Cmd工具进行...
Sencha Touch 2采用MVC(Model-View-Controller)架构模式,这有助于更好地组织代码和数据,提高应用的可维护性和扩展性。 - **Model(模型):** 负责处理应用程序的数据逻辑。 - **View(视图):** 负责展示数据,...
在Sencha Touch 2中,视图通常由XTemplate驱动,将数据动态渲染到屏幕上。 3. **Controller**:Controller是MVC模式的核心,它监听视图中的事件,并根据这些事件执行相应的操作,如更新Model或View。Controller还...