第2章[2.5] Ext JS组件、容器与布局

组件（Components）

基于Ext JS的应用的UI由组件（Component）组成。这和绝大部分界面开发语言的概念是类似的。
Ext JS使用的是面向对象的概念，有组件类与组件实例的概念，组件实例也常简称为组件。组件类之间可以有继承关系。
Ext JS的所有组件类都继承自 Ext.Component父类，这些类的组件可以自动参与组件的生命周期，包括：初始化、渲染、调整大小、定位以及销毁。
Ext JS提供了很多现成的组件，也可以继承这些组件扩展新的组件类型。
从是否可以在页面上直接看到组件来分，可以将组件分为狭义的和广义的两种：

狭义的组件对应页面具体的显示元素，比如：Text（输入框）、Button（按钮）、Combobox （下拉单）。
广义的组件除了实际的页面元素之外，还包括这些页面元素放置的容器。

在Ext JS中 Ext.Component是组件的根类，Ext.container.Container继承自Ext.Component，是容器的根类。

Ext.button.Button 按钮组件类，继承自Ext.Component
Ext.form.field.Base，表单元素的基类，子类包括 Ext.form.field.Text、
Ext.form.field.ComboBox等
类结构如下&#

第2章[2.5] Ext JS组件、容器与布局相关推荐

第7章[7.18] Ext JS组件嵌入HTML页面
需求描述规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况: 元素显示很简单,不需要使用重型的Ext JS ...
ext.js组件的基本操作
MessageBox组件 //Ext.onReady 准备函数类似于window.onload Ext.onReady(function(){//提示信息 // Ext.MessageBox.ale ...
3.1 Ext JS 组件总览
面板类型面板是用来放置组件元素的容器, 常见的面板类型有: 面板(Panels):常用的组件容器, 用于放置和布局子元素. 表单(Forms):收集用户输入,比如登录.请假单等标签页(Tabs): ...
第2章[2.7] Ext JS数据模型与数据封装
数据封装总览页面组件最终需要用来展现数据,对于Ext.form.field.Text 和Ext.form.field.TextArea等表单输入框,使用value属性设置值,:对于Grid和Comb ...
[Ext JS] 组件浮动一篇通（floating、alignTo）
文章目录标准的CSS浮动的概念无浮动效果有浮动的效果 Ext JS中的浮动浮动组件定义方式对其位置(position) 其他配置对其代码示例实战的问题: 标准的CSS浮动的概念浮动是C ...
第7章[7.22] Ext JS类的继承与混合
Ext JS在前端使用了面对对象的概念, 可以实现类之间的继承,除此之外, 其还提供了类的混合功能(mixins). 类的继承对于熟悉面向对象的开发人员来说, 继承概念肯定不会陌生.直接看一段示例代 ...
第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 ...
第2章[2.8] Ext JS的控制器类型及使用
控制器概念控制器是将整个应用绑定在一起的粘合剂, 控制器的主要作用是监听视图事件并进行相关的处理. 控制器的类型及类结构控制器类的主要结构如下图: Ext.app.BaseController 控 ...

第2章[2.5] Ext JS组件、容器与布局

组件（Components）

第2章[2.5] Ext JS组件、容器与布局相关推荐

最新文章

热门文章

第2章[2.5] Ext JS组件、容器与布局

组件 （Components）

第2章[2.5] Ext JS组件、容器与布局相关推荐

最新文章

热门文章

组件（Components）