组件 (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
按钮