`

Extjs基础

 
阅读更多
底层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基础extjs基础extjs基础extjs基础extjs基础extjs基础

    EXTJS基础教学实例文档

    以下是对EXTJS基础教学实例文档中提到的一些关键知识点的详细解释: 1. **Ext.MessageBox.alert()**: - `Ext.MessageBox.alert()` 方法用于展示一个简单的警告对话框,包含标题、消息和一个确定按钮。其中,`...

    Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc)

    Extjs5.0从入门到实战开发信息管理系统(Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis),完整版,提供课件和代码下载! 本教程从Extjs5的开发环境搭建开始,讲解了Extjs5的项目结构(包括核心文件的作用...

    extjs 基础入门 1.x与2.x对比轻松学习pdf文档

    ### ExtJS基础知识与1.x至2.x版本对比学习 #### 一、ExtJS简介 ExtJS是一款基于JavaScript的开源框架,用于开发丰富的交互式Web应用程序。它提供了强大的UI组件库,使得开发者能够快速构建高性能、高用户体验的...

    ExtJS基础及核心框架

    ### ExtJS基础及核心框架知识点 #### 1. ExtJS简介 - **定义**: ExtJS是一种基于JavaScript的前端框架,用于构建丰富的Web应用程序界面。它能够实现RIA(Rich Internet Applications)即富互联网应用,使Web应用...

    ExtJS基础教程.pdf

    ### ExtJS基础教程知识点概述 #### 一、什么是ExtJS? ExtJS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。它由Jack Slocum在2006年初基于Yahoo! UI Library(YUI)进行扩展并命名,随后在...

    extjs基础教程pdf

    ### ExtJS基础教程知识点概述 #### 一、Ext.MessageBox组件详解 `Ext.MessageBox` 是ExtJS框架中的一个重要组件,主要用于创建各种类型的对话框,如警告框、确认框、提示框等。这部分内容主要介绍了`Ext.MessageBox...

    ExtJS基础教程.rar.........

    ExtJS基础教程..................

    Extjs基础教程

    ### Extjs基础教程知识点详解 #### 一、Extjs概述 **Extjs** 是一个基于 HTML/CSS 和 JavaScript 的 AJAX 框架,主要用于构建功能丰富且交互性强的前端用户界面。它支持多种浏览器,能够帮助开发者快速创建高质量...

    Extjs基础学习描述

    总的来说,ExtJS的基础学习涉及到理解其组件模型、事件处理机制、布局管理和组件的属性配置。通过这些基本概念,你可以构建出复杂的用户界面,并能对用户的交互做出响应。继续深入学习,包括数据绑定、store、grid、...

    Extjs5.0从入门到实战开发信息管理系统

    首先,我们要了解ExtJS的基础知识。这包括学习ExtJS的架构、事件模型、布局管理、组件系统以及数据绑定。在ExtJS中,每个UI元素都是一个组件,它们可以通过组合和配置来创建复杂的用户界面。事件模型允许组件之间...

    extjs基础教程

    这个基础教程将引导你逐步了解EXTJS的核心概念,包括组件模型、容器模型、布局管理以及事件处理机制。 **1. EXTJS基本概念** EXTJS的核心是其组件模型,它允许开发者创建复杂的用户界面,就像在桌面应用程序中一样...

    ExtJS5 整合Spring4之二

    标题 "ExtJS5 整合Spring4之二" 暗示了这是一个关于将流行的JavaScript框架ExtJS5与Java后端框架Spring4集成的主题。在Web应用开发中,这种集成允许开发者利用ExtJS5的富客户端功能和Spring4的强大后端服务。下面将...

    JavaScript.-Extjs基础学习笔记

    根据给定的文件信息,我们可以深入探讨两个关键的Extjs组件——Tab Panel(标签页控件)和Grid(表格控件)。这两个控件是Extjs框架中非常实用且功能丰富的部分,广泛应用于Web应用程序的界面设计与交互逻辑构建。 ...

    EXTJS4自学手册

    一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) ...

    Extjs4.1.1

    Extjs基础入门系列: 第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第...

    ExtJs教学基础篇参考文档

    ### ExtJs基础知识详解 #### 一、ExtJs简介与特性 **ExtJs**是一款功能强大的JavaScript库,专门用于构建复杂的Web应用程序。它提供了一系列丰富的UI组件、数据处理能力以及便捷的DOM操作方式,大大简化了前端开发...

    传智播客EXTJS视频下载地址

    ### ExtJS基础知识 1. **入门介绍**:针对初学者的快速入门指南,帮助理解ExtJS的基本概念,如组件化开发、MVC架构模式等。 - **资源推荐**:《ExtJS快速入门指南》(PDF格式),该资源提供了ExtJS的安装配置步骤...

    EXTJS 3.03 zip下载

    EXTJS 是一款基于JavaScript的富客户端应用开发框架,主要用于构建具有丰富用户界面的Web应用程序。...尽管EXTJS后续发布了更多新版本,但3.0.3对于初学者和希望理解EXTJS基础的开发者来说仍然是一个有价值的参考资料。

    ExtJS基础学习

    ExtJS学习

Global site tag (gtag.js) - Google Analytics