底层API(core):底层API 中提供了对DOM 操作、查询的封装、事件处理、DOM 查询
器等基础的功能。其它控件都是建立在这些底层api 的基础上,底层api 位于源代码目录的
core 子目录中,包括DomHelper.js、Element.js 等文件,如图xx 所示。
控件(widgets):控件是指可以直接在页面中创建的可视化组件,比如面板、选项板、
表格、树、窗口、菜单、工具栏、按钮等等,在我们的应用程序中可以直接通过应用这些控
件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets 子目录中,包含
如图xx 所示。
实用工具Utils:Ext 提供了很多的实用工具,可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax 请求、Cookie 管理、CSS 管理等扩展等功
能,如图所示:
组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件
基本组件有:
xtype Class
box Ext.BoxComponent 具有边框属性的组件
Button Ext.Button 按钮
colorpalette Ext.ColorPalette 调色板
component Ext.Component 组件
container Ext.Container 容器
cycle Ext.CycleButton
dataview Ext.DataView 数据显示视图
datepicker Ext.DatePicker 日期选择面板
editor Ext.Editor 编辑器
editorgrid Ext.grid.EditorGridPanel 可编辑的表格
grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具栏中的间隔
panel Ext.Panel 面板
progress Ext.ProgressBar 进度条
splitbutton Ext.SplitButton 可分裂的按钮
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树
viewport Ext.ViewPort 视图
window Ext.Window 窗口
工具栏组件有
表单及字段组件包含
分享到:
相关推荐
extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础
以下是对EXTJS基础教学实例文档中提到的一些关键知识点的详细解释: 1. **Ext.MessageBox.alert()**: - `Ext.MessageBox.alert()` 方法用于展示一个简单的警告对话框,包含标题、消息和一个确定按钮。其中,`...
Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis),完整版,提供课件和代码下载! 本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用...
### ExtJS基础知识与1.x至2.x版本对比学习 #### 一、ExtJS简介 ExtJS是一款基于JavaScript的开源框架,用于开发丰富的交互式Web应用程序。它提供了强大的UI组件库,使得开发者能够快速构建高性能、高用户体验的...
### ExtJS基础教程知识点概述 #### 一、什么是ExtJS? ExtJS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。它由Jack Slocum在2006年初基于Yahoo! UI Library(YUI)进行扩展并命名,随后在...
### ExtJS基础教程知识点概述 #### 一、Ext.MessageBox组件详解 `Ext.MessageBox` 是ExtJS框架中的一个重要组件,主要用于创建各种类型的对话框,如警告框、确认框、提示框等。这部分内容主要介绍了`Ext.MessageBox...
ExtJS基础教程..................
### Extjs基础教程知识点详解 #### 一、Extjs概述 **Extjs** 是一个基于 HTML/CSS 和 JavaScript 的 AJAX 框架,主要用于构建功能丰富且交互性强的前端用户界面。它支持多种浏览器,能够帮助开发者快速创建高质量...
总的来说,ExtJS的基础学习涉及到理解其组件模型、事件处理机制、布局管理和组件的属性配置。通过这些基本概念,你可以构建出复杂的用户界面,并能对用户的交互做出响应。继续深入学习,包括数据绑定、store、grid、...
首先,我们要了解ExtJS的基础知识。这包括学习ExtJS的架构、事件模型、布局管理、组件系统以及数据绑定。在ExtJS中,每个UI元素都是一个组件,它们可以通过组合和配置来创建复杂的用户界面。事件模型允许组件之间...
这个基础教程将引导你逐步了解EXTJS的核心概念,包括组件模型、容器模型、布局管理以及事件处理机制。 **1. EXTJS基本概念** EXTJS的核心是其组件模型,它允许开发者创建复杂的用户界面,就像在桌面应用程序中一样...
标题 "ExtJS5 整合Spring4之二" 暗示了这是一个关于将流行的JavaScript框架ExtJS5与Java后端框架Spring4集成的主题。在Web应用开发中,这种集成允许开发者利用ExtJS5的富客户端功能和Spring4的强大后端服务。下面将...
根据给定的文件信息,我们可以深入探讨两个关键的Extjs组件——Tab Panel(标签页控件)和Grid(表格控件)。这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ...
一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) ...
Extjs基础入门系列: 第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第...
### ExtJs基础知识详解 #### 一、ExtJs简介与特性 **ExtJs**是一款功能强大的JavaScript库,专门用于构建复杂的Web应用程序。它提供了一系列丰富的UI组件、数据处理能力以及便捷的DOM操作方式,大大简化了前端开发...
### ExtJS基础知识 1. **入门介绍**:针对初学者的快速入门指南,帮助理解ExtJS的基本概念,如组件化开发、MVC架构模式等。 - **资源推荐**:《ExtJS快速入门指南》(PDF格式),该资源提供了ExtJS的安装配置步骤...
EXTJS 是一款基于JavaScript的富客户端应用开发框架,主要用于构建具有丰富用户界面的Web应用程序。...尽管EXTJS后续发布了更多新版本,但3.0.3对于初学者和希望理解EXTJS基础的开发者来说仍然是一个有价值的参考资料。
ExtJS学习