[经管营销]ExtJS培训文档.pptVIP

目录 ExtJS简介 ExtJS简称EXT，它是一个非常优秀的javascript开发框架，主要用来开发具有绚丽外观的富客户端WEB程序。 ExtJS提供了许多非常实用的可视化组件，为我们开发富客户端程序提供了许多功能强大的支持，关于Extjs的相关基本概念及使用方法详见Extjs的API文档。 特点： 1、开发速度快 2、界面效果绚丽 3、组件式开发 缺点： 报错不明确调试有一定的难度。 ExtJS简介 必须引入的ExtJS库文件及样式文件 ext-all.css ext-base.js ext-all.js ext-lang-zh_CN.js ExtJS简介 常用开发工具 Eclipse 插件 spket-1.6.16 编辑javascript Fullsource 查看动态生成的html代码 ExtJS简介 常用文档 DHTML 手册.chm extjs2.0 API 目录 信息提示框 Ext.Msg.alert 注意：ExtJS中的信息提示框全部都是异步执行的，不会中断程序的执行，如果某些操作需要在信息提示框出现之后执行则相应的代码需要放置回调函数中。 信息提示框 Ext.Msg.confirm 信息提示框 Ext.Mmpt 信息提示框 Ext.Msg.wait 信息提示框 Ext.Msg.show（自定义信息提示框） 目录 面板布局 fit 布局（子面板充满父面板） 面板布局 accordion布局（可折叠） 面板布局 Card布局（卡片布局） 面板布局 column布局（列布局） 面板布局 table布局（表格布局） 面板布局 border布局 面板布局 Ext.Viewport（自动充满整个页面） 面板布局 Ext.TabPanel（页签面板） 目录 常用组件介绍 Ext.Panel 标准面板组件 new Ext.Panel({ title:面板头部（header）, tbar : [顶端工具栏(top toolbars)], bbar : [底端工具栏(bottom toolbars)], height:200, width:300, frame:true, applyTo :panel, bodyStyle:background-color:#FFFFFF, html:sdfasdfasdf, tools : [ {id:toggle}, {id:close}, {id:maximize} ], buttons:[ new Ext.Button({ text:面板底部（footer） }) ] }) 常用组件介绍 Ext.grid.GridPanel 表格面板组件 常用组件介绍 Ext.tree.TreePanel 树形面板组件（读取本地数据） 常用组件介绍 Ext.tree.TreePanel 树形面板组件（加载远程数据） 常用组件介绍 Ext.form.FormPanel 表单面板组件 常用组件介绍 Ext.Window（弹出窗口） 目录 数据模型 数据模型 常用数据代理： Ext.data.HttpProxy 用于读取远程数据 //创建http代理 new Ext.data.HttpProxy({ url : ‘personServer.do }) Ext.data.MemoryProxy 用于读取本地数据 //定义内存数据变量 var data = [[1,张三,24],[2,李四,30],[3,王五,29]]; //创建memory代理 var memoryProxy = new Ext.data.MemoryProxy(data) Ext.data.ScriptTagProxy 用于跨域读取数据（不常用） //创建ScriptTagProxy代理 var scriptTagProxy = new Ext.data.ScriptTagProxy({ //于当前服务器处于不同域中的url地址 url : 02:8080/scriptTagProxyServer.jsp }) 数据模型 常用数据读取器 Ext.data.JsonReader 读取json数据 { results: 2, rows: [ { id: 1, name: