随笔分类 -  Extjs

Extjs
摘要:Ext.Toolbar工具栏,使用起来很简单,add已准备好的元素就行方法Toolbar( Object/Array config )构造add( Mixed arg1, Mixed arg2, Mixed etc. ) : void增加元素可以是 1:Ext.Toolbar.Button 相当于addButton2:HtmlElement 相当于addElement3:Field 相当于addField4:Item 相当于addItem5:String 相当于addText6:'separator'或'-' 相当于addSeparator7:'' 阅读全文
posted @ 2008-05-23 21:20 meetrice 阅读(658) 评论(0) 推荐(0) 编辑
摘要:Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative : Boolean //true baseChars : String //'0123456789' decimalPrecision : Number //精度,默认值2 decimalSeparator : String // 阅读全文
posted @ 2008-05-23 21:19 meetrice 阅读(657) 评论(0) 推荐(0) 编辑
摘要:Ext.form.BasicForm对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式var myForm = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getEl().dom.submit(); } });方法:BasicForm( Mixed el, Object config )其中config配置为{baseParams : Object, //请求时的附加参数,格式为{id: '123 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读(662) 评论(0) 推荐(0) 编辑
摘要:Ext.Actionaction实现一个脱离了容器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and setHandler(function)方法:Action( Object config )构造,config定义为{disabled : Boolean,//禁止使用handler : Functio 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读(821) 评论(0) 推荐(0) 编辑
摘要:Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNode( Node node ) : Node设置根节点事件有... 阅读全文
posted @ 2008-05-23 21:18 meetrice 阅读(773) 评论(0) 推荐(0) 编辑
摘要:Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性 groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remoteGroup : Bo... 阅读全文
posted @ 2008-05-23 21:17 meetrice 阅读(850) 评论(0) 推荐(0) 编辑
摘要:Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{ autoLoad : Boolean/Object, //自动载入 baseParams : Object, //只有使用httpproxy时才有意义 data : Array, ... 阅读全文
posted @ 2008-05-23 21:17 meetrice 阅读(549) 评论(0) 推荐(0) 编辑
摘要:Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.XmlReader方法... 阅读全文
posted @ 2008-05-23 21:16 meetrice 阅读(709) 评论(0) 推荐(0) 编辑
摘要:Ext.data.DataProxy数据代理类是一个纯虚类,主要用于生成Ext.data.Record对象,没有公开的属性和方法,只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Object This, Obj... 阅读全文
posted @ 2008-05-23 21:16 meetrice 阅读(782) 评论(0) 推荐(0) 编辑
摘要:Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{ autoAbort : Boolean, defaultHeaders : Object, disableCaching : Boolean, ... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读(671) 评论(0) 推荐(0) 编辑
摘要:Ext.KeyNavExt的keyNav类能为Ext.Element元素提供简单的按键处理方法例:var el=Ext.get("textarea");new Ext.KeyNav(el, { "left" : function(e){ alert("left key down"); }, scope : el });它的行为与KeyMap类似,但功能... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读(497) 评论(0) 推荐(0) 编辑
摘要:Ext.Fx类对于我这样的懒鬼而言,Fx类是核心类库中最激动人心的一个类,它不是最重要的,却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法,很有趣的fadeIn( [Object options] ) : Ext.Element渐显 options参数有以下属性callback:Function 完成后的回叫方法scope:Object 目标easing... 阅读全文
posted @ 2008-05-23 21:15 meetrice 阅读(350) 评论(0) 推荐(0) 编辑
摘要:Ext.EventManager事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理addListener( String/HTMLElement el, String eventName, Function handler,on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Obj... 阅读全文
posted @ 2008-05-23 21:14 meetrice 阅读(512) 评论(0) 推荐(0) 编辑
摘要:Ext.DomQuery类selector语法详见Ext类compile( String selector, [String type] ) : Function编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一filter( Array el, String selector, Boolean nonMatches ) : Array过滤el中... 阅读全文
posted @ 2008-05-23 21:14 meetrice 阅读(482) 评论(0) 推荐(0) 编辑
摘要:Ext.Element类Element( String/HTMLElement element, [Boolean forceNew] )由id或DOM节点创建Element对象Element.fly( String/HTMLElement el, [String named] ) : Element由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突Element.g... 阅读全文
posted @ 2008-05-23 21:09 meetrice 阅读(598) 评论(0) 推荐(0) 编辑
摘要:Array类indexOf( Object o ) : Numberobject是否在数组中,找不到返回-1;找到返回位置remove( Object o ) : Array从数组中删除指定的对象object,如果找不到object则数组无变化Number类constrain( Number min, Number max ) : Number检查数值是否介于min与max之间, 如果大于max ... 阅读全文
posted @ 2008-05-23 21:08 meetrice 阅读(548) 评论(0) 推荐(0) 编辑
摘要:Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({ // id=foo下所有的a标签加入click事件 '#foo a@click' : function(e, t){ // do something }, // 用,分隔多个选择器 '#foo a, #bar... 阅读全文
posted @ 2008-05-23 21:08 meetrice 阅读(487) 评论(0) 推荐(0) 编辑
摘要:Ext2.0的选择需要冒很大的风险,确实Ext在界面上能够有很大的提升,但是客户端机器的性能和网络方面的制约,再加上Ext本身没有很好的实现工具支持。从编码角度来说,可能需要花费更多的时间,这相对于直接的Web开发。如果项目中缺少美工,又对访问性能或并发量不是特别的要求的Web开发,可以考虑使用,譬如说安全设备的控制界面。当然项目组成员必须忍受大量javascript编码。 一般来说,Ext使用如... 阅读全文
posted @ 2008-05-23 21:05 meetrice 阅读(919) 评论(0) 推荐(0) 编辑
摘要:Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。 Aptana Studio 一谈到JavaScript的开发工具,就不得不提A... 阅读全文
posted @ 2008-05-23 21:00 meetrice 阅读(873) 评论(0) 推荐(0) 编辑
摘要:ajax的js开发的目录规范 (目录框架下载) ajax的js开发的目录规范:├──framework //存放RIA框架资源│ ├──ext2.0.2│ └──dojo1.1.0├──modules //存放项目模│ ├──oa-admin│ ├──oa-news│ └──upload├──images //存放项目专用图片├──css //存放项目样式├──widget //存放项目公用组件│... 阅读全文
posted @ 2008-05-23 20:59 meetrice 阅读(550) 评论(0) 推荐(0) 编辑