第2章[2.8] Ext JS的控制器类型及使用

控制器概念

控制器是将整个应用绑定在一起的粘合剂，控制器的主要作用是监听视图事件并进行相关的处理。

控制器的类型及类结构

控制器类的主要结构如下图：

Ext.app.BaseController
控制器基类
Ext.app.Controller
应用层控制器，全局的控制器。
Ext.app.ViewController：视图层控制器。
依据以上的类结构，控制器分为两种类型

应用控制器（Application Controller）：应用层级控制器，对于一个应用中一般有一个或者多个。
视图控制器（View Controller），与视图对应的控制器，处理该视图中的一些事件或是获取数据的方法。

应用层级控制器

应用层级的控制器类的定义继承自 Ext.app.Controller，一般在Application.js文件中添加使用。

创建控制器文件

Ext.define('Ext7DemoApp.controller.ComUtil', {extend: &

第2章[2.8] Ext JS的控制器类型及使用相关推荐

第7章[7.22] Ext JS类的继承与混合
Ext JS在前端使用了面对对象的概念, 可以实现类之间的继承,除此之外, 其还提供了类的混合功能(mixins). 类的继承对于熟悉面向对象的开发人员来说, 继承概念肯定不会陌生.直接看一段示例代 ...
第7章[7.18] Ext JS组件嵌入HTML页面
需求描述规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况: 元素显示很简单,不需要使用重型的Ext JS ...
第2章[2.7] Ext JS数据模型与数据封装
数据封装总览页面组件最终需要用来展现数据,对于Ext.form.field.Text 和Ext.form.field.TextArea等表单输入框,使用value属性设置值,:对于Grid和Comb ...
第2章[2.5] Ext JS组件、容器与布局
组件 (Components) 基于Ext JS的应用的UI由组件(Component)组成.这和绝大部分界面开发语言的概念是类似的. Ext JS使用的是面向对象的概念, 有组件类与组件实例的概念, ...
第2章[2.4] Ext JS的类与类体系
JavaScript: 基于原型的面向对象的开发语言 JavaScript虽然是面向对象的开发语言, 但是其是原型驱动开发的,其本身是没有类的概念的.原型编程使用的是通用的对象, 通过对这个通用对象进 ...
第2章[2.2] Ext JS多类型终端-电脑、移动端（手机、平板）
多种设备通用的框架 Ext JS 很容易做到在多种设备运行.在Ext JS 6之前的版本,Sencha官方针对移动端的开发单独提供了一个框架Touch.从Ext JS 6开始,Sencha将Ext J ...
第12章[12.7] Ext JS实现带动态数字的图标
组件效果根据选择的复选框的数量动态设置购物车中的数字. 在线演示: https://osxm.github.io/extjs_dev_ency/#iconwithdigit 实现思路在按钮图标上增 ...
第11章[11.6] Ext JS 自行搭建远端库的包升级版本后找不到的问题解决-The following versions are available
问题: 自行搭建的远端库的某个包版本升级后找不到升级后的包, 错误信息类似: [ERR] Cannot satisfy requirements for "your-package" ...
第12章[12.2] Ext JS可编辑列Grid的全场景开发
基本功能描述与实现在Grid中,对一列或某几列批量编辑.编辑效果如下图: 功能实现的思路如下: 可编辑的列使用 widgetcolumn 类型.调用Grid的reconfigure()方法,重新生成 ...

第2章[2.8] Ext JS的控制器类型及使用

控制器概念

控制器的类型及类结构

应用层级控制器

第2章[2.8] Ext JS的控制器类型及使用相关推荐

最新文章

热门文章