随笔分类 - ExtJS study
ExtJS,Ajax,Json,Javascript
[转载]EXT核心API详解Ext.widgets(十六)-form(下)
摘要：Ext.form.NumberField继承自Ext.form.TextField,因为Ext.form.TextField虽然强大,但写起来的确还是有点麻烦,后面的类都继承自Ext.form.TextField,没有自定义的方法,属性和事件config定义为{ allowDecimals : Boolean //true allowNegative : Boolean //true baseCh...
阅读全文
[转载]EXT核心API详解Ext.widgets(十五)-form(上)
摘要：本站推荐淘宝店 Ext.form.BasicForm 对应一个dom中的form,默认是用ajax提交的,如果的确想回传,可以使用如下方式 var myForm. = new Ext.form.BasicForm("form-el-id", { onSubmit: Ext.emptyFn, submit: function() { this.getEl().dom.submit(); } })...
阅读全文
[转载]EXT核心API详解Ext.widgets(十四)-Button,SplitButton,CycleButton
摘要：Ext.Actionaction实现一个脱离了容 器的事件,所有它可以在多个容器之间共享,不过好象只有Ext.Toolbar, Ext.Button 和 Ext.menu.Menu支持action接口:),因为容器要实现下面所有的方法setText(string), setIconCls(string), setDisabled(boolean), setVisible(boolean) and ...
阅读全文
[转载]EXT核心API详解Ext.data(十三)-Tree/Node
摘要：Ext.data.Tree继承自Observable,用于存放树装的数据结构方法Tree( [Node root] )以root为根构造Ext.data.Tree对象getNodeById( String id ) : Node由指定id得到节点getRootNode() : Node得到根节点,由属性root得到更方便setRootNode( Node node ) : Node设置根节点事件有...
阅读全文
[转载]EXT核心API详解Ext.data(十二)-GroupingStore/JsonStore/SimpleStore javascript
摘要：Ext.data.GroupingStore继承自Ext.data.Store,为Store增加了分组功能.其它用法与Store一致,惟一需要注意的是使用GroupingStore时必须指定sortInfo信息增加了配置属性groupField : String//用于分组的字段groupOnSort : Boolean//如果为真,将依排序字段重新分组,默认为假remoteGroup : Boo...
阅读全文
[转载]EXT核心API详解Ext.data(十一)-Store
摘要：Ext.data.Storestore是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表方法:不列举继承来的方法Store( Object config )构造,config定义为{autoLoad : Boolean/Object, //自动载入baseParams : Object, //只有使用httpproxy时才有意义data : Array, //数据proxy...
阅读全文
[转载]EXT核心API详解Ext.data(十)-DataReader/ArrayReader/JsonReader/XmlReader javascript
摘要：Ext.data.DataReader纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据,具有如下格式{totalRecord:int,records:Array of Ext.data.Record}具体使用参见三个子类Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.XmlReader方法...
阅读全文
[转载]EXT核心API详解Ext.data(九)-DataProxy/HttpProxy/MemoryProxy/ScriptTagProxy javascript
摘要：Ext.data.DataProxy数据代理类是一个纯虚类，主要用于生成Ext.data.Record对象，没有公开的属性和方法，只是归定子类需要处理三个事件beforeload : ( Object This, Object params )load : ( Object This, Object o, Object arg )loadexception : ( Object This, Obj...
阅读全文
[转载]EXT核心API详解Ext.data(八)- Connection/Ajax/Record javascript
摘要：Ext.data.Connection访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效)Connection( Object config )构造,config定义为{autoAbort : Boolean,defaultHeaders : Object,disableCaching : Boolean,extr...
阅读全文
[转载]EXT核心API详解(七)-Ext.KeyNav/KeyMap/JSON/Format/DelayedTask/TaskRunner/TextMetrics/XTemplate
摘要：Ext.KeyNavExt的keyNav类能为Ext.Element元素提供简单的按键处理方法例:var el=Ext.get("textarea");new Ext.KeyNav(el, { "left" : function(e){ alert("left key down"); }, scope : el });它的行为与KeyMap类似，但功能比KeyMap要弱小的多，只能处理以下已定...
阅读全文
[转载]EXT核心API详解(六)-Ext.Fx
摘要：Ext.Fx类对于我这样的懒鬼而言，Fx类是核心类库中最激动人心的一个类，它不是最重要的，却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法，很有趣的fadeIn( [Object options] ) : Ext.Element渐显 options参数有以下属性callback:Function 完成后的回叫方法scope:Object 目标easing:String ...
阅读全文
[转载]EXT核心API详解(四)-Ext.DomQuery/DomHelper/Template
摘要：Ext.DomQuery类selector语法详见Ext类compile( String selector, [String type] ) : Function编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一filter( Array el, String selector, Boolean nonMatches ) : Array过滤el中...
阅读全文
[转载]EXT核心API详解(五)-Ext.EventManager/EventObject/CompositeElement/CompositeElementLite
摘要：Ext.EventManager事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理addListener( String/HTMLElement el, String eventName, Function handler,on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Obj...
阅读全文
[转载]EXT核心API详解(三)-Ext.Element
摘要：Ext.Element类Element( String/HTMLElement element, [Boolean forceNew] )由id或DOM节点创建Element对象Element.fly( String/HTMLElement el, [String named] ) : Element由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突Element.g...
阅读全文
[转载]EXT核心API详解(二)-Array/Date/Function/Number/String
摘要：Array类indexOf( Object o ) : Numberobject是否在数组中,找不到返回-1;找到返回位置remove( Object o ) : Array从数组中删除指定的对象object,如果找不到object则数组无变化Number类constrain( Number min, Number max ) : Number检查数值是否介于min与max之间, 如果大于max ...
阅读全文
[转载]EXT核心API详解(一)-Ext
摘要：Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({ // id=foo下所有的a标签加入click事件 '#foo a@click' : function(e, t){ // do something }, // 用,分隔多个选择器 '#foo a, #bar span.some-class...
阅读全文
ExtJS学习笔记（5）- Form表单的提交 -Ext.FormPanel
摘要：文章皆是转帖，学习贴，收藏加提供给更多的网友。前面的介绍中，我们基本上对form表单中常见组件有了简单的认识，今天我们做个综合点的例子，向服务器提交下！其实这篇文章很简单，没有什么发光点，暂放首页半天,忘各位理解！先来个简单的例子，以说明formpanel如何把数据传给其他页面。效果图：现在我们要实现的效果是：点击确定，把值传到另一页面！，如下：原页面js代码为：Ext.onReady(funct...
阅读全文
ExtJS学习笔记（4）- Form常用元素的使用范例 -Ext.FormPanel
摘要：11.checkbox简单示例效果图：js代码：Ext.onReady(function(){Ext.QuickTips.init();varmyform=newExt.FormPanel({frame:true,width:330,layout:"form",labelWidth:30,title:"checkbox简单示例",labelAlign:"left",renderTo:Ext.get...
阅读全文
ExtJS学习笔记（3）- Form元素Combo的用法
摘要：深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互，但暂不做深入讨论，以后会详细分析服务器交互相关，不过可能要等较长一段时间，呵呵！5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据：//cs后台代码，简单起见，示例而已，要主要字符串格式(新手注意，下面的代码放在类里面，不是放在方法里)publicstringServerData="['湖北'...
阅读全文
ExtJS学习笔记（2）-From的类型，Ext.FormPanel
摘要：今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候： //查看源代码便知，两种方法是一样的Ext.form.FormPanel=Ext.FormPanel;我们还是从最简单的代码实例开始吧：<!--html代码--><body><divid="form1"></div></body>//j...
阅读全文