2010年11月17日

Ext学习笔记09 - ComboBox,Store

摘要: ComboBoxComboBox是指下拉菜单,在API中找到ComboBox对应的xtype是 combo应用Window 布局的笔记中的窗体,其中性别 Gender 这一项选项只有两个(male, female),可以使用 ComboBox 控件,为Gender 一项加上 xtype,值为 comboJs代码{fieldLabel:"Gender",xtype:"combo"},看,已经是一个下... 阅读全文

posted @ 2010-11-17 11:23 滴d 阅读(8633) 评论(0) 推荐(0) 编辑

Ext学习笔记08 - 日期控件

摘要: 日期控件在上一篇笔记中的基础上,为Birth加上日期控件:Js代码items:[{fieldLabel:"Name"},{fieldLabel:"Gender"},{fieldLabel:"Age"},{xtype:"datefield",fieldLabel:"Birth"},{fieldLabel:"Phone"},{fieldLabel:"Email"}]效果可以看到简单的指定item的xt... 阅读全文

posted @ 2010-11-17 11:17 滴d 阅读(6325) 评论(0) 推荐(0) 编辑

Ext学习笔记07 - Window及Window中的布局

摘要: Window复习一下,先来构造一个Window对象:Js代码Ext.onReady(function(){var_window=newExt.Window({title:"NewPerson",width:500,height:100,plain:true,items:[{}],buttons:[{text:"OK"},{text:"Cancel"}]});_window.show();});和P... 阅读全文

posted @ 2010-11-17 11:15 滴d 阅读(7143) 评论(0) 推荐(0) 编辑

Ext学习笔记06 - Window

摘要: Window先来看一下API:Window 继承于 Panel,是Panel的子类,Window组件默认是可以浮动和拖拽的,并且支持最大最小化的能力。Panel 中的各种属性和方法在Window组件中是可以直接使用的。来看例子:Js代码<scripttype="text/javascript">Ext.onReady(function(){var_window=newExt.Windo... 阅读全文

posted @ 2010-11-17 11:00 滴d 阅读(6010) 评论(1) 推荐(0) 编辑

Ext学习笔记05 - UI组件 - Panel,TextField

摘要: TextFieldTextField在Ext.form.TextField包下面(叫包叫习惯了),是form组件中的一个,是对传统文本框的封装(input)。在页面中直接使用某些Component是不起作用的,因为Ext UI设计是类似Swing布局的,布局的宿主对象必须是Ext.Container或者Ext.Container的子类,详细的使用方法后面慢慢了解。根据上面的原理,我们要在页面中创建... 阅读全文

posted @ 2010-11-17 10:44 滴d 阅读(4228) 评论(0) 推荐(0) 编辑

Ext学习笔记04 - UI组件 - Component, Button

摘要: Component在Ext中对常用的UI组件都进行了一系列的封装,而各个组件都具有一些相同的属性或者事件,这些相同的属性被封装起来成为Component类,每个UI组件都继承Component类,可见Ext在面向对象方面有很好的实现。看一下Component中的定义:Js代码//构造方法,传入config参数Ext.Component=function(config){config=config|... 阅读全文

posted @ 2010-11-17 10:31 滴d 阅读(1910) 评论(0) 推荐(0) 编辑

Ext学习笔记03 - 事件

摘要: Ext中的事件机制Ext中的事件机制是在 Ext.util.Observable 中定义的,举一个例子来说明事件机制,先看一下代码,然后慢慢说person.jsJs代码Ext.namespace("com.meizhi");/*定义NameSpace的别名*/Mz=com.meizhi;Mz.Person=function(){/*定义事件*/this.addEvents("nameChange"... 阅读全文

posted @ 2010-11-17 10:13 滴d 阅读(1467) 评论(0) 推荐(0) 编辑

Ext学习笔记02 - 构造方法,类继承,类实例方法重写

摘要: 刚刚走了个大弯路,朋友们见笑,我这见识实在太少了,开始想找个有语法提示的IDE,就直接想到了Aptana,下载一个最新版本,然后就弹出来一大堆东西要更新,更新就更新吧,更新一半就报错,看他给的提示,说xxx本机已经装了不能再装,那个版本不新了不能装,好长的一溜,找了半天,终于把非法的插件都去掉了,安装了一半又出问题了,我倒,faint,怒了,又跑回MyEclipse安装Spket(参考:http:... 阅读全文

posted @ 2010-11-17 10:12 滴d 阅读(1019) 评论(0) 推荐(0) 编辑

Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法

摘要: 从今天起开始学习ExtJs,在这里记录一些学习笔记,方便日后查看,有兴趣的朋友欢迎共同探讨,也请老鸟们多多指教,如果我的理解有什么不正确的地方,也请大家帮助也改正,帮我指出一条明路,先在这里谢过了。学习过程是看DojoChina的陈治文老师讲解的视频(感谢陈治文老师的辛勤工作,这里先赞一下),不是自己原创,边学习边做笔记,不能算是剽窃吧,朋友们别骂我不厚道。先把文档放在手边,Ext在线文档:htt... 阅读全文

posted @ 2010-11-17 10:11 滴d 阅读(1655) 评论(0) 推荐(0) 编辑

ExtJs系列教程

摘要: Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法Ext学习笔记02 - 构造方法,类继承,类实例方法重写Ext学习笔记03 - 事件Ext学习笔记04 - UI组件 - Component, ButtonExt学习笔记05 - UI组件 - Panel,TextFieldExt学习笔记06 - WindowExt学习笔记07 - Window及Window中的布局Ex... 阅读全文

posted @ 2010-11-17 10:03 滴d 阅读(1053) 评论(0) 推荐(0) 编辑

导航