EXTJS 2.0 常用的语法整理(增加中....)

 EXTJS 2.0 主要用到这几个文件，就是说，你可能不需要把所有的文件都引入 ，大概是一个CSS文件。2个JS 文件

<link rel=stylesheet type="text/css" href="scripts/resources/css/ext-all.css" />

<script type="text/javascript" src="scripts/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="scripts/ext-all.js"></script>

 

目录结构自己找吧...

 

1. 弹出窗口应用,典型的 alert

2. 典型的window 窗口

 

ExtJS的类库由以下几部分组成：
1.底层API(core)：底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上，底层api位于源代码目录的core子目录中，包括DomHelper.js、Element.js等文件

 

 

 

2.控件(widgets)：控件是指可以直接在页面中创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目录中，包含如图xx所示。

 

 

3.实用工具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　窗口

工具栏组件有
---------------------------------------
toolbar          Ext.Toolbar　工具栏
tbbutton         Ext.Toolbar.Button　按钮
tbfill           Ext.Toolbar.Fill　文件
tbitem           Ext.Toolbar.Item　工具条项目
tbseparator      Ext.Toolbar.Separator　工具栏分隔符
tbspacer         Ext.Toolbar.Spacer　工具栏空白
tbsplit          Ext.Toolbar.SplitButton 工具栏分隔按钮
tbtext           Ext.Toolbar.TextItem　工具栏文本项

表单及字段组件包含：
---------------------------------------
form             Ext.FormPanel　Form面板　
checkbox         Ext.form.Checkbox　checkbox录入框
combo            Ext.form.ComboBox　combo选择项
datefield        Ext.form.DateField　日期选择项
field            Ext.form.Field　表单字段
fieldset         Ext.form.FieldSet　表单字段组
hidden           Ext.form.Hidden 表单隐藏域
htmleditor       Ext.form.HtmlEditor　html编辑器
numberfield      Ext.form.NumberField　数字编辑器
radio            Ext.form.Radio　单选按钮
textarea         Ext.form.TextArea　区域文本框
textfield        Ext.form.TextField　表单文本框
timefield        Ext.form.TimeField　时间录入项
trigger          Ext.form.TriggerField　触发录入项

 

 

今天就学了这些. 别的下次再整理....