`

extjs3的“类图”

阅读更多
整理一份extjs3的“类图”,从总体上有个概念产,然后一个一个来解决它。

Object
	Ext.util.Observable:为EXT组件提供处理的最基本功能。
		Ext.Component:提供了Ext组件共有的特性, 比如初始的流程、组件的配置选项应用、插件应用,组件渲染,组件公共的配置选项等,是一个抽象的东西。
			Ext.BoxComponent:用来表示这种具有高度及宽度的组件。
				Ext.Container:容器,容纳和管理(添加、插入和删除)其它子元素的控件。该类以及子类都可以用layout对内部items进行布局。
					Ext.Viewport:代表整个浏览器窗口。
					Ext.Panel:应用程序的界面一般情况下是由一个一个的面板通过不同组织方式来形成。
						Ext.ButtonGroup:装载一组按钮的容器
						Ext.TabPanel:tab容器
						Ext.Tip:
							Ext.ToolTip:当鼠标移过目标元素时,提供附加的信息
								Ext.QuickTip:
							Ext.slider.Tip:采用Ext.Tip所做的一种显示滑动条数值的简单插件。
						Ext.Window:窗口
						Ext.form.FieldSet:用来对form 中的项目进行分组。
						Ext.form.FormPanel:标准 form 容器
						Ext.grid.GridPanel:一个基于组件的表格控件的主接口,用来在一个表格式的行和 列中显示数据。
							Ext.grid.EditorGridPanel:可编辑表格面板
								Ext.grid.PropertyGrid:属性表格
						Ext.tree.TreePanel:TreePanel提供了树形结构数据的树形UI展示
					Ext.Toolbar:工具条
						Ext.PagingToolbar:分页工具条
					Ext.menu.Menu:菜单
						Ext.menu.ColorMenu:包含一个 Ext.ColorPalette 组件的菜单(提供一个基本的颜色选择器)。
						Ext.menu.DateMenu:包含一个 Ext.DatePicker 组件的菜单项(提供一个日期选择器)。
				Ext.Button:按钮
					Ext.SplitButton:分隔按钮
						Ext.CycleButton:一个特殊的SplitButton,包含一个 Ext.menu.CheckItem 元素的.
				Ext.DataView:一种使用定制的模板布局和格式展示数据的机制。
					Ext.list.ListView:一个快速,轻量级的 Grid实现
				Ext.FlashComponent:flash组件
					Ext.chart.Chart:flash图表
						Ext.chart.CartesianChart:笛卡尔(直角坐标系)图表
							Ext.chart.ColumnChart:柱状图
							Ext.chart.BarChart:横向柱状图
							Ext.chart.LineChart:折线图
							Ext.chart.StackedColumnChart:柱状栈图
							Ext.chart.StackedBarChart:横向柱状栈图
						Ext.chart.PieChart:饼状图
				Ext.ProgressBar:可以刷新的进展条组件
				Ext.Spacer:用来在布局中提供一个可调整尺寸的空白区域。
				Ext.Toolbar.Item:非交互工具栏项目类应该继承此类,以获得工具栏项目的一些基本功能。
					Ext.Toolbar.Separator:在工具栏中的两个项目之间添加一个垂直的分隔栏。
					Ext.Toolbar.Spacer:在工具栏的两个项目之间添加一个特殊的水平空白区。
					Ext.Toolbar.TextItem:用来向一个工具条中直接渲染一个文本。
				Ext.form.Field:表单项基类,提供默认的事件处理、调整大小,表单项值处理以及其它功能。
					Ext.form.Checkbox:复选框
						Ext.form.Radio:单选框
					Ext.form.CheckboxGroup:Ext.form.Checkbox 的一个分组容器
						Ext.form.RadioGroup:Ext.form.Radio的 一个分组容器。
					Ext.form.CompositeField:复合表单项允许将多个表单项渲染到同一行中。
					Ext.form.DisplayField:一个仅仅用来显示(display-only)的文本栏,它将不会被校验和提交。
					Ext.form.Hidden:隐藏域
					Ext.form.HtmlEditor:一个轻量级的HTML文本编辑器组件。
					Ext.form.SliderField:包装好的Slider可以用来作为form中的一个字段。
					Ext.form.TextField:基本文本栏
						Ext.form.NumberField:数字文本表单项
						Ext.form.TextArea:多行文本栏。
						Ext.form.TriggerField:为TextField提供一个便捷的包装器
							Ext.form.ComboBox:下拉选择框控制器
								Ext.form.TimeField:一个时间输入表单项
								Ext.form.DateField:日期输入项
								Ext.form.TwinTriggerField:一个抽象基类用来被 实现
				Ext.form.Label:基本Label域。
				Ext.slider.MultiSlider:支持横向/纵向排列、键盘驱动、可配置snapping、轴点击和动画效果的滑动条。可以被添加到任何容器中。
					Ext.slider.SingleSlider:支持横向/纵向排列、键盘驱动、可配置snapping、轴点击和动画效果的滑动条。可以被添加到任何容器中。
			Ext.ColorPalette:选择颜色的简单调色板类。调色板可以被渲染到任何容器中。
			Ext.DatePicker:弹出式的日期选择器
			Ext.Editor:基本的编辑输入栏
				Ext.tree.TreeEditor:为树中的节点提供一个内嵌的节点编辑功能。
			Ext.menu.BaseItem:BaseItem为所有菜单组件提供基本的渲染、活动状态管理和配置选项共享的功能。
				Ext.menu.Item:菜单项的基类
					Ext.menu.CheckItem:添加一个菜单项,默认包含一个复选框,但也可以是一个radio组的一部分。
				Ext.menu.Separator:向一个菜单中添加一个分隔栏
				Ext.menu.TextItem:向菜单中添加一个静态文本,一般被用作表头或者一个分组分隔栏。
		Ext.grid.ColumnModel:数据读取后被存在客户端缓存中(Store ),ColumnModel用于配置如何将数据显示在gird中。
			Ext.grid.PropertyColumnModel:一个特殊的列模型。
		Ext.grid.GridView:包装了Ext.grid.GridPanel 的用户界面。
			Ext.grid.GroupingView:为grid添加单层分组功能
	
	Ext.layout.ContainerLayout:布局容器。
		Ext.layout.FitLayout:充满所在容器布局
		Ext.layout.AnchorLayout:控制位置和大小的布局
			Ext.layout.AbsoluteLayout:使用标准的x和y组件配置选项添加了x/y定位的功能。
		Ext.layout.BorderLayout:边框布局
		Ext.layout.AccordionLayout:可折叠式的布局
		Ext.layout.CardLayout:最常用于安装向导、标签式浏览等等
		Ext.layout.FormLayout:表单布局
		Ext.layout.ColumnLayout:分列式布局
		Ext.layout.TableLayout:表格布局
		Ext.layout.BoxLayout:一行中排列多个组件
			Ext.layout.HBoxLayout:按照水平方向布置项目的布局
			Ext.layout.VBoxLayout:在容器中垂直布置项目的布局
		Ext.layout.MenuLayout:菜单布局
		Ext.layout.ToolbarLayout:工具条布局

	Ext.data.Store:Store类包装了一个对 Record 对象的客户端缓存,它为Component提供输入数据,例如 GridPanel、 ComboBox 或者 DataView。
		Ext.data.ArrayStore:原来被称作"SimpleStore"。
		Ext.data.DirectStore:用配置的 Ext.data.DirectProxy 和 Ext.data.JsonReader 创建一个 Ext.data.Store ,并且能与Ext.Direct 的服务端Provider更方便地交互。
		Ext.data.GroupingStore:提供了根据可用的字段对记录进行分组的功能。 此类通常与 Ext.grid.GroupingView 联合使用,为一个分组型的GridPanel提供数据模型。 
		Ext.data.JsonStore:更方便地 从JSON数据创建Ext.data.Stores 
		Ext.data.XmlStore:更方便地 从XML数据创建 Ext.data.Stores 

	Ext.data.Record:当前类的实例封装了Record定义信息和Record 值信息,用于 Ext.data.Store 对象,或者任何需要访问Record的代码,Record缓存于一个Ext.data.Store 对象中。

	
	Ext.data.Connection:这个类封装了一个连接到该页面的原始域,允许请求作出要么配置的url,或到url 在指定的时间要求。
		Ext.Ajax:此类是全局的Ajax请求类,它提供了一个简单的方法使得AJax请求达到最大的灵活性。

	Ext.data.DataProxy:用来获取无格式的数据对象。
		Ext.data.DirectProxy:
		Ext.data.HttpProxy:它处理与发起页面位于同域中的数据请求。
		Ext.data.MemoryProxy:它简单地把 在其构造器中指定的数据传递给Reader,然后立即调用它的load方法。
		Ext.data.ScriptTagProxy:从一个URL中读取数据对象, 此URL可能与当前运行的页面处于不同的域中。

	Ext.data.DataReader:用来从数据源结构化的数据中读取数据,并且 将它转化成一个对象
		Ext.data.JsonReader:用来 从一个JSON数据包创建 Ext.data.Record 对象数组,此数据包 以Ext.data.Record 构造器提供的映射关系为依据。
			Ext.data.ArrayReader:用来从一个数组中创建 Ext.data.Record 对象数组
		Ext.data.XmlReader:用来 从一个XML文档 创建Ext.data.Record 对象数组

	Ext.form.BasicForm:封装DOM  form元素FormPanerl的核心类,并提供输入域管理、验证、提交以及表单价在服务。

	Ext.data.Node:结点
		Ext.tree.TreeNode:树结点
			Ext.tree.AsyncTreeNode:异步树结点
	Ext.tree.TreeLoader:TreeLoader提供从指定的URL,对 Ext.tree.TreeNode's 的孩子节点进行懒加载操作。
	Ext.tree.TreeFilter:树形过滤器
	Ext.tree.TreeSorter:提供节点排序
	Ext.tree.TreeNodeUI:该类提供了Ext TreeNodes的默认UI实现。 TreeNode UI实现被从tree的实现中分离开来, 并允许定制树节点的展现形式。

	Ext.dd.DragDrop:为可以拖动或者可以被放置到另一个目标上的元素定义了一个接口和一些基本的操作。
		Ext.dd.DD:当拖动时相关联的元素将跟随鼠标移动。
			Ext.dd.DDProxy:在document中插入一个空的带边框的div,当进行拖拽操作时跟随鼠标移动。在点击的时候,这个div框架被设置成与相关联的元素一样大小 ,并被精确地移动到相关联的元素的位置。 
				Ext.dd.DragSource:它提供了基本的实现需要作出 任何元素可拖动. 
					Ext.dd.DragZone:该类提供了一个容器DD实例,允许拖拽多个源子节点。
						Ext.grid.GridDragZone:提供DragZone中两个模板方法的默认实现,使之能拖动GridPanel中 选中的行。
						Ext.tree.TreeDragZone:
		Ext.dd.DDTarget:拖拽放到的目标。
			Ext.dd.DropTarget:让一个元素成为一个拖拽的目标, 可以把被拖拽的元素放置到其中。
				Ext.dd.DropZone:该类为DD实例提供一个容器,它可以为多个拖拽目标子节点提供代理。
					Ext.tree.TreeDropZone:

	Ext.MessageBox:用来产生不同风格的消息框

	Ext.WindowGroup:一个管理一组Ext.Window 实例的对象,并提供z-order管理和窗口激活功能。
		Ext.WindowMgr:默认的全局窗口组,自动创建,如果需要不止一个独立的z轴堆栈的窗口分组, 根据需要创建额外的 Ext.WindowGroup 对象。

	Ext.menu.MenuMgr:为一个页面中的所有菜单项提供一个通用的注册方式,这样可以轻松地通过id访问它们。


分享到:
评论
3 楼 tfwin2 2011-05-09  
这个东西,方便自己方便别人,不错!
可惜最近不用EXT了,不然学来很好!
2 楼 hyneng 2011-05-09  
nndty 写道
感谢呀,正需要呢。

花了半天才整理出来
1 楼 nndty 2011-05-09  
感谢呀,正需要呢。

相关推荐

    EXTJS3.0类图

    EXTJS3.0类图是官方提供的一个重要资源,它为开发者提供了深入理解EXTJS框架内部结构和组件间的交互关系的可视化工具。这份PDF文档详细描绘了EXTJS3.0中的各类组件、接口和类的层次结构,对于学习EXTJS的初学者以及...

    extJs 所有类图

    extJs 网上牛人整理的类图 提供分享

    中文ExtJS2.0.CHM

    在ExtJS中,类图可以用于描绘组件之间的继承关系,帮助开发者理解各个组件类的功能和它们如何协同工作。例如,Ext.Window是如何从Ext.Component继承,并添加了特有的窗口特性如可拖动、可弹出等。通过类图分析,...

    ExtJs2相关书籍

    JUDE(Just Use DEvelopment)是一款可视化建模工具,常用于绘制类图、序列图、状态图等软件设计图。在这个文档中,开发者可以直观地看到ExtJS2的类与类之间的关系,更好地理解其内部结构和设计模式。这对于深入学习...

    ExtJS_3.0_Class Diagram

    在ExtJS 3.0中,其类图展示了整个框架的主要组件、包、方法、事件、属性以及配置选项,帮助开发者更好地理解和组织代码。 首先,我们来看`Ext.chart`包,它是ExtJS中的图表组件。`Ext.chart.Chart`是基础图表类,...

    EXTJS 2.0 UML 模型图

    UML模型图通常会使用类图(Class Diagram)来表示这些组件,类图会显示类的属性、操作以及它们之间的关系。通过这个图,开发者可以快速理解EXTJS 2.0的组件系统,从而更有效地设计和编码。 EXTJS的组件继承关系是其...

    轻量级JAVA-EE在教材管理系统开发的应用研究.doc

    3. 需求分析与系统建模 系统开发过程中,利用统一建模语言(UML)进行需求分析和建模。用例图用于明确系统功能和用户角色的关系,类图则用于设计数据库结构,时序图帮助定义接口交互,活动图则用于描述业务流程。...

    轻量级JAVAEE在教材标准管理系统开发的应用研究应用.doc

    依据用例图划分模块,依据类图创建数据库,依据时序图编写程序接口,依据活动图编写程序实现。 系统实现了教材管理系统的自动化管理,包括教材信息管理、教材库存管理、教材流转管理和教材借阅管理等功能模块。系统...

    传智播客ERP源代码加文档加设计图

    传智播客最新ERP源代码,加类图等资源。内容还包括,extjs.报表, java操作excel等源代码。是各种java爱好者学习的不可多得的好资料

    新闻发布系统实现

    其中,新闻发布模块包含了查看新闻、新闻评论、搜索新闻、添加新闻、编辑新闻和新闻类别管理等功能,这些功能通过UML活动图和类图进行建模描述。此外,系统还设计了数据表结构,明确了各表字段的含义,确保数据的...

    网络通信公司客服管理系统的设计与实现样本.doc

    通过UML(统一建模语言)进行系统建模,包括用例图、类图、序列图等,清晰展示系统结构和交互流程。 5 数据库设计 采用ORACLE数据库管理系统,根据系统功能需求设计合理的数据表结构,保证数据的高效存储和检索。 ...

    网络通信公司客服管理系统的设计与实现.doc

    通过用例图、类图、序列图等UML(统一建模语言)工具,对系统进行功能和结构的详细描绘,明确系统各部分的职责和交互方式。 4 数据库设计 设计合理的数据模型,包括实体、属性、关系等,以满足系统的数据存储需求。...

    毕业论文jsp1791销售数据决策支持系统ssh.doc

    3. Spring:Spring框架是一个全面的Java企业级应用开发平台,提供依赖注入、事务管理、数据访问等多种服务,支持AOP(面向切面编程)和MVC模式,提高了代码的可维护性和灵活性。 4. Hibernate:Hibernate是一个对象...

    IBM JAVA培训计划

    - DOJO/YahooUI/GoogleAjax/ExtJS等现代前端框架 ##### 3. Struts2 - Filter配置 - Action与Interceptor - 标签库 - OGNL表达式语言 通过这三个阶段的学习与实践,学员将能够全面掌握JAVA技术栈,并具备开发大型...

    网络通信公司客服管理系统的设计与实现本科毕业设计.doc

    1.3.3 TOMCAT和EXTJS技术:TOMCAT作为Java应用服务器,负责运行和部署应用程序,EXTJS则提供了丰富的前端组件和界面设计,使得用户界面更加友好和易用。 1.3.4 B/S模式:B/S模式简化了客户端的维护,用户只需通过...

    网络通信公司客服管理系统的设计与实现.pdf

    通过用例图、类图、序列图等UML工具,清晰地描绘出系统各组件间的关系,帮助设计者理解系统结构和行为。 4 数据库设计 数据库设计是系统的核心部分,包括实体关系模型的建立、数据表的设计、索引优化等,确保数据的...

    各类工程师要求1

    - **Extjs、Ext.net、jQuery或Bootstrap**:增强交互性和用户体验的前端框架。 4. **iOS软件工程师**: - **Objective C 和 Cocoa编程**:使用苹果的开发语言和框架进行iOS应用开发。 - **iPhone SDK**:熟悉...

    网络通信公司客服管理系统的设计与实现本科毕设毕业论文.doc

    同时,我们还使用了 TOMCAT 和 EXTJS 技术来实现系统的功能。 结论 本文档详细阐述了网络通信公司客服管理系统的设计与实现。系统的开发背景、开发工具、需求分析、系统 UML 建模、数据库设计和系统实现等方面的...

    《Ext江湖》代码分析EA工程(请用EA打开)

    在EA工具中打开EAP工程,我们可以看到整个Ext框架的类图、包图和序列图等,这些图表直观地展现了类与类之间的关系,帮助我们理解代码的组织结构。例如,我们可以看到Ext.data包中的Model、Store和Proxy是如何协同...

Global site tag (gtag.js) - Google Analytics