ExtJS基础教程

Kimm King @ JAF 2009年2月23日2009年2月23日 kimmking@163 comkimmking@163.com 目录 ¾ 什么是E  JS¾ 什么是Ext JS ¾ Ext JS的特点¾ Ext JS的特点 ¾ Ext JS的内容¾ Ext JS的内容 ¾ Ext JS的例子J 一、什么是Ext JS、 y 什么是Ext JS Ext JS是一个用于构建富互联网应用程序(RIA)的 J S i 脚本库JavaScript脚本库。 kimmking@163 comkimmking@163.com 一、什么是Ext JS、 一、什么是Ext JS、 一、什么是Ext JS、 y Ext JS的历史 ¾ 2006年初 ，Jack Slocum扩展了Yahoo! User  I f  (YUI) 库 并命名为YUI E 发布Interface (YUI) 库，并命名为YUI‐Ext发布。 ¾ 2007年4月1日，1.0正式版发布。 ¾ 目前的最新发布版本为2.2。 ¾ 3.0版本即将发布。3 二、Ext JS的特点、 y 支持各种主流浏览器 y 纯JavaScript，不依赖于浏览器插件纯JavaScript，不依赖于浏览器插件 二、Ext JS的特点、 y 开源，文档资料全面 Ext JS API、demo、各种 教程 人力资源管理pdf成真迷上我教程下载西门子数控教程protel99se入门教程fi6130z安装使用教程 。 y 社区支持 y http://extjs.com/ y http://extjs.org.cn/p j g y http://www.17ext.com/ 二、Ext JS的特点、 y 设计合理 y 组件丰富 y 结构清晰 y 体系完善 y OOP的编程方式OOP的编程方式 二、Ext JS的特点、 y 数据处理、储存和绑定 y 封装了事件机制 y 提供了一些动画特效提供了 些动画特效 y 实现了Dom选择器 y 封装了Ajax 拖拽 CSS控制的操作y 封装了Ajax、拖拽、CSS控制的操作 二、Ext JS的特点、 y 可设置的各种主题皮肤 二、Ext JS的特点、 与Ad b  AIR的集成y 与Adobe AIR的集成 y 与Google Gears的集成 y 与Google Maps的集成 二、Ext JS的特点、 y Ext JS 系统层次结构图 浏览器端 服务器端 DHTML Ext JS Framework J2EE Controller Ext JS UI Component Ext JS Tools AjaxJson Business Layerp y 三、Ext JS的内容、 y UI组件 ‐ 布局类 y ContainerLayouty ContainerLayout y AbsoluteLayout y Accordiony Accordion y AnchorLayout y BorderLayoutBorderLayout y CardLayout y ColumnLayouty y FitLayout y FormLayouty y TableLayout 三、Ext JS的内容、 y UI组件 ‐ 面板类 P ly Panel y TabPanel y Tip y Window y FieldSet y FormPanel y GridPanel y TreePanel 三、Ext JS的内容、 y UI组件 ‐ 窗口 M By MessageBox y Window 三、Ext JS的内容、 y UI组件 ‐ 表格类 G idP l/Edit G idP l/P t G idy GridPanel/EditorGridPanel/PropertyGrid y GridView/GroupingView C l M d ly ColumnModel y SelectionModel 三、Ext JS的内容、 y UI组件 ‐ 表单类 y FormPanely FormPanel y Field y Checkbox y ComboBox y DateField y Hidden y HtmlEditor y NumberField y Radioy Radio y TextArea y TextField y TimeField y TriggerField 三、Ext JS的内容、 y UI组件 ‐ 树 T P ly TreePanel y TreeNode/AsyncTreeNode dy TreeLoader y TreeNodeUI y SelectionModel 三、Ext JS的内容、 y UI组件 ‐ 菜单类和工具栏 M T lby Menu y Item y Adapter y Toolbar y Item Separatory Adapter y Separator y TextItem  y Separator y TextItem  y Spacer y ColorItem y DateItem  Spacer y Fill y Buttom y SplitButton 三、Ext JS的内容、 y UI组件 ‐ 模板 个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载 类 T l ty Template y XTemplate y DataViewy DataView 数据源 模板 渲染 用户界面 三、Ext JS的内容、 y 数据类 D t Sty DataStore y DataReader P JsonReader y Proxy y Record Json XmlReader ArrayReader DataReader DataProxy Json XmlDataStoreUI Component y DataProxy Xml Script DataStoreUI Component A pArray 三、Ext JS的内容、 y 工具类 Ajy Ajax y DomHelper/ DomQuery L dM ky LoadMask y QuickTips CSSy CSS y Json y Format y DelayedTask 三、Ext JS的内容、 y 特效类 Fy Fx y highlight f y puff y frame y fadeIn/fadeOut y scale y sequenceFx h fy slideIn y slideOut y shift y ghost y easing y switchOff y pause y syncFx/stopFx 三、Ext JS的内容、 y OOP实现类 y extend 继承 个类型实现 个子类型继承一个类型实现一个子类型 y apply/applyIf 将 个类型的 性复制 个类型中将一个类型的属性复制到另一个类型中 y override 重载一个类型的某些指定方法 三、Ext JS的内容、 y 综合应用 四、Ext JS的例子、 五、提问和讨论、 kimmking@163 comkimmking@163.com 谢谢！谢谢！ kimmking@163 comkimmking@163.com