Ext.js 的常用组件

ExtJS UI 由一个或多个名为 Components.Ext 的 widget 组成。

虽然 Ext 组件拥有几乎完美的对象继承模型,但是这毕竟属于底层架构的一部分,我们日常开发时候接触最多的还是各种组件与布局,通过组件、布局的各种组合最终才形成了功能强劲的应用,所以有必要首先对Ext的组件模型有所了解。

Ext 中所有的可视组件都继承自 Ext.component,这种单根继承的模型保证所有组件都拥有相同的通用方法与生命周期,这样在后续对这些组件进行维护管理时将更加便捷,同时也保证了在进行布局时的便利。

组件最常见的几项功能包含 initComponent()、render()、show() 和 hide(),无论是哪一种组件都是通过初始化、渲染、显示、隐藏来实现其整个生命周期的。

方法 说明
Grid 网格组件可用于以表格格式显示数据
Form 窗体小部件是从用户获取数据
Message Box 消息框基本上用于以警报框的形式显示数据
Chart 图表用于以图形格式表示数据
Tool tip 任何事件发生时,工具提示用于显示一些基本信息
Window 这个UI部件是创建一个窗口,当任何事件发生时应该弹出
HTML editor HTML编辑器是非常有用的UI组件之一,用于对用户输入的字体,颜色,大小等数据进行样式设置
Progress bar 显示后端工作的进度

Grid

Form

Message Box

Window