文章分类 -  ExtJS2.1

11.Ext.Ajax
摘要：一、向服务器发送请求。1.通过Ext.Ajax.request向服务器发送请求。2.通过url属性来指定发送请求的地址。3.通过params属性来设置请求参数。4.callback属性来指定回调函数。示例一：发送请求。Ext.Ajax.request({ url:"loginServer.jsp"... 阅读全文
posted @ 2015-08-09 16:45 W&L 阅读(142) 评论(0) 推荐(0)
10.GridPanel
摘要：数据存储器由Ext.data.Store定义，数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。示例一：最简单的GridPanel。Ext.onReady(function(){ var data = [ [1,"张三",20... 阅读全文
posted @ 2015-08-09 16:38 W&L 阅读(149) 评论(0) 推荐(0)
9.函数
摘要：目录1. Ext.onReady()2. Ext.get()3. Ext.select ()4. Ext.query ()5. Ext.getCmp()6. Ext.getDom()7. Ext. getBody()8. Ext. getDoc()9. Ext.isEmpty()10. Ext.ea... 阅读全文
posted @ 2015-08-09 15:48 W&L 阅读(155) 评论(0) 推荐(0)
8.TreePanel
摘要：目录：1.最简单的树2.有孙子节点的树3.事件处理4.带链接的树5.动态加载树6.动态节点和静态节点混用，及树的属性和节点属性设置7.TreeSelectionModel选择模型8.可编辑的树9.按指定属性进行排序10.替换Tree中图片一：最简单的树Ext.onReady(function(){ ... 阅读全文
posted @ 2015-08-06 21:11 W&L 阅读(195) 评论(0) 推荐(0)
7.FormPanel
摘要：目录一、FormPanel二、字段校验三、TextArea四、NumberField五、Checkbox与Radio六、TriggerField七、ComboBox八、TimeField九、DateField十、Hidden十一、FieldSet十二、vtype一、FormPanel示例一：最简单的... 阅读全文
posted @ 2015-08-06 21:08 W&L 阅读(211) 评论(0) 推荐(0)
6.ViewPort|TabPanel
摘要：目录一、ViewPort二、TabPanel选项面板一、ViewPortViewPort代表整个浏览器显示区域，该对象渲染到页面的body区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。示例一：显示单个Panel Ext.onReady(function()... 阅读全文
posted @ 2015-08-06 21:04 W&L 阅读(197) 评论(1) 推荐(0)
5.ExtJS布局
摘要：目录：一、ContainerLayout容器布局二、Fit布局三、Accordion布局四、Card布局五、AnchorLayout锚点布局六、AbsoluteLayout绝对布局七、Form布局八、Column列布局九、Ext.layout.TableLayout表格布局十、Border边界布局一... 阅读全文
posted @ 2015-08-06 00:11 W&L 阅读(220) 评论(0) 推荐(0)
4.Window
摘要：示例一：显示Windowshow()方法显示window窗口 window是继承panel的Ext.onReady( function() { new Ext.Window({ width:300, height:300, ... 阅读全文
posted @ 2015-08-06 00:03 W&L 阅读(146) 评论(0) 推荐(0)
3.Toolbar|Menu
摘要：目录一、头部工具栏--tools二、工具栏组件--Toolbar三、菜单栏--Menu一、头部工具栏示例一：添加头部工具栏和提示信息Ext.onReady( function() { //初始化提示信息 Ext.QuickTips.init(); var m... 阅读全文
posted @ 2015-08-04 23:49 W&L 阅读(193) 评论(0) 推荐(0)
2.Panel
摘要：1.autoLoad：有效的url字符串，把那个url中的body中的数据加载显示，但是可能没有样式和js控制，只是html数据2.autoScroll:设为true则内容溢出的时候产生滚动条，默认为false3.autoShow:设为true显示设为"x-hidden"的元素，很有必要，默认为fa... 阅读全文
posted @ 2015-08-04 23:31 W&L 阅读(222) 评论(0) 推荐(0)
1.MessageBox
摘要：目录1. Ext.MessageBox.alert()方法2. Ext.MessageBox.confirm()方法3. Ext.MessageBox.prompt()方法4. Ext.MessageBox.show()方法1. Ext.MessageBox.alert()方法alert ( Str... 阅读全文
posted @ 2015-08-04 23:04 W&L 阅读(187) 评论(0) 推荐(0)
七、监听事件
摘要：一、addListener方法this.addEvents("rowselect") ;;//绑定事件二、ExtJS支持的自定义事件this.fireEvent("rowselect",_record);//激发自定义事件第二个参数是返回数据， 只有出发了该事件后，会自动处理object.on("a... 阅读全文
posted @ 2015-07-28 23:14 W&L 阅读(211) 评论(0) 推荐(0)
六、Store与Reader
摘要：Store:数据存储器--保存与管理数据 ,数据以Record类型数据进行存储Reader:数据读取器--解析数据proxy：数据代理--代理各种数据源流行的中间数据格式：XML、JSON（XML的减肥方案：文件大小减小、客户端无需解析，可读性差） //store添加数据Rec... 阅读全文
posted @ 2015-07-28 22:12 W&L 阅读(226) 评论(0) 推荐(0)
五、Ext自定义数据校验
摘要：定义 Ext.QuickTips.init() ;//用于提示错误信息 Ext.form.Field.prototype.msgTarget = "side" ;//显示感叹号 Ext.apply(Ext.form.VTypes,{ "age":function(v)... 阅读全文
posted @ 2015-07-28 22:08 W&L 阅读(128) 评论(0) 推荐(0)
四、Ext.Window组建
摘要：Ext.Window是Ext.Panel的子类显示调用show()无序renderTo:Ext.getBody();Ext.onReady(function() { var window = new Ext.Window({ tit... 阅读全文
posted @ 2015-07-04 23:47 W&L 阅读(269) 评论(0) 推荐(0)
三、Ext.Panel组建
摘要：属性： -layout：样式布局 -title：面板标题 -width：宽度 -height：高度 -labelWidth：标签宽度 -frame：面板样式方法： -add()：添加组建 -addButton()：添加button组建1.创建空白面板Ext.onReady(funct... 阅读全文
posted @ 2015-07-04 23:03 W&L 阅读(174) 评论(0) 推荐(0)
二、Ext.Button组件
摘要：Ext.Button组件替代传统submit、reset、button控件构造参数： -text：按钮上的名称属性： -text：获取当前按钮上的名称 -minWidth:按钮的最小宽度方法： -setText:设置按钮名称事件： -click:点击一、按钮定义、属性获取及属性设置 ... 阅读全文
posted @ 2015-07-02 00:05 W&L 阅读(198) 评论(0) 推荐(0)
一、ExtJS中面向对象学习
摘要：关键点： 1、支持命名空间 2、支持类实例属性 3、支持类实例方法 4、支持类静态方法 5、支持构造方法 6、支持类继承 7、支持类实例方法重写 8、支持类命名空间别名 9、支持类别名 10、支持事件队列1.支持命名空间js： Ext.namespace("Ext.com.ww... 阅读全文
posted @ 2015-07-01 23:23 W&L 阅读(153) 评论(0) 推荐(0)