Ext常用函数

合集下载

ext学习资料(图文)

ExtJs2.0学习系列(1)--Ext.MessageBox1.Ext.MessageBox.alert()方法有四个参数，为简单起见，主要介绍前面三个参数：alert( title , msg , function(){} )其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发。

Ext.MessageBox.alert("title","msg");Ext.MessageBox.alert("title","msg",function(){alert("关闭对话框后弹出！")});2.Ext.MessageBox.confirm()方法基本上同alert()方法一模一样。

注意这点：Ext.MessageBox.confirm("title","msg",function(e){alert(e);});这个参数e是什么？它是你点击的弹出框的按钮的值，三种值：yes,no,cancel.Alert()方法也是如此，不过只有两种值：ok，cancel.3.Ext.MessageBox.prompt()方法有六个参数，比前面alert方法多一个返回值和是否多行。

Ext.MessageBox.prompt("title","msg");Ext.MessageBox.prompt("title","msg",function(e,text){alert(e+"-" +text);});//输入"qianxudetianxia",点击ok按钮，弹出ok-qianxudetianxia Ext.MessageBox.prompt("title","msg",function(e,text){alert(e+"-" +text);},this,true);//true为多行，this表示作用域4.Ext.MessageBox.show()方法功能很强大，采用config配置形式，比前面的方法使用更方便。

ext基本功能

Ext基本功能一、Ext.Message.1.Ext.Message.show()方法提示框可以显示出功能非常强大的信息显示框，它的配置项丰富。

不但可以配置提示标题，提示信息，回调函数等常见部分，它还提供配置按钮文字及提示图标的方法。

案例如下：Ext.MessageBox.show({title:"提示",msg:"msg show演示",buttons:Ext.Msg.YESNOCANCEL,icon:Ext.MessageBox.QUESTION,fn:function(bn){alert(bn)},modal:false,});如上，buttons和icon样式都是多项选择。

默认的按钮字体也是可以改变的。

如下：Ext.MessageBox.buttonText={yes:"是",no:"否",cancel:"取消"};这段代码需放在msg.show()方法的前面。

2.如何动态更行提示框。

动态时间的设置，进度条等。

如下：var box=Ext.MessageBox.show({title:"提示",msg:"msg show演示",buttons:Ext.Msg.YESNOCANCEL,icon:Ext.MessageBox.QUESTION,fn:function(bn){alert(bn)},modal:false,progress:true});var count=0;var percentage=0;var progressText="";Ext.TaskMgr.start({run:function(){count++;if(count>10){box.hide();}percentage=count/10;progressText='当前完成度：'+percentage*100+"%";box.updateProgress(percentage,progressText,"会话的时间"+new Date().format('Y-m-d g:i:s A'));//box.updateText("会话的时间"+newDate().format('Y-m-d g:i:s A'));},interval:1000})要设置成有定都框的，Msg.show()必须设置progress:true.如果要动态显示时间就用Ext.TaskMgr.start()这个函数。

ext_get函数

Get开头函数：Ext 中包含了几个get开头的函数，这些函数可以用来获取HTML中的Dom对象，当前的HTML的组建和EXT元素。
1.get(id) ：此函数用来获取一个Ext元素(也就是类型为Ext.Element的对象).Ext.Element 类是Ext对于 Dom的封装，每个Element对象都对应着HTML的一个Dom元素，
部分职能用于显示，而document对象包含了更多对页面的操作。
6.getEl()就是把一个js对象转化为Ext.Element对象 win.findByType('textfield')[7].getEl().dom.src='0.jpg';
{}
get(id)它可以去取Ext.element对象的id ，也可以去取html对象的id，但是它的返回值是一个Ext.Element对象
如果是一个Ext.Element的id，去取值用.getValue();
如果是一个Html的id，去取值用.dom.value
示例：
alert(Ext.get('sa').getValue());
alert(Ext.get('sa').dom.value);
下面几个的效果是一样的：
//win.findByType('textfield')[7].getEl().dom.src='0.jpg';
4.getBoபைடு நூலகம்y()：直接获取文档中雨document.body这个Dom节点对应的Ext元素，
实质：把document.body对象封装成Ext元素对象并作为结果返回。
5.getDoc()：该方法可以将HTMl文档对象（document对象）封装成Ext的Element 对象并返回getDoc为我们提供了快速获取document对象的方法，只不过getBody（）获取的body

Ext的常用函数

Ext的常用函数EXT为我们提供了许多常用函数和工具，通过这些函数我们可以避免做许多重复的工作。

1.onReady函数onReady函数是Ext提供用来注册HTML内容并加载完成后所需执行的代码，onReady函数有三个参数：第一个参数是必须的，表示HTML加载完成需要执行的函数；init();第二个参数表示函数的作用域；第三个参数表示函数执行的一些其他操作。

2.get函数Ext中包含了几个以get开头的函数，这些函数可以用来获取HTML中的DOM对象，当前HTML中的组件和EXT元素等。

a．Ext.get()函数——用来获取一个Ext元素，也就是说类型为Ext.Element 的对象。

Get函数只有一个参数，但这个参数可以表示多种含义，它可以是DOM 节点的id,也可以是一个Element,或者是一个DOM节点对象。

Ext.onReady(function(){var e = new Ext.Element(“hello”);alert(Ext.get(‘hello’));alert(Ext.get(document.getElementById(“hello”)));alert(ext.get(e));});对应的Html页面中包含一个id为hello的div，代码如下：<div id=’hello’ >hello world</div>上面的实例中，alert(Ext.get(document.getElementById(“hello”)))，alert(Ext.get(‘hello’))，alert(ext.get(e))，这三个函数都可以获取一个与DOM节点hello对应的Ext元素。

Get函数可以自动判断参数的类型，最终返回我们需要的结果。

b．Ext.getCmp()函数——用来获得一个Ext组件，也就是一个已经在页面中被初始化了的component或其子类的对象，getCmp函数可以根据指定的id获得对应的onent。

Extjs常用函数

2、Ext.emptyFn: Function
用于返回一个空函数，便于在程序中创建空函数。Ext.emptyFn返回function(){}
3、Ext.applyIf(Object obj, Object config) : Object
功能如同Ext.apply,但是只把config中存在而obj不存在的属性复制过去。
将属于正则里的特殊字符进行转义。
如
Ext.escapeRe("(ab)$\sa342{}[dd]")将返回$ab$\$sa342\{\}\[dd\]。
13、Ext.callback(cb, scope, args, delay) :void //该方法为Ext的内部方法
调用一个函数或延迟调用一个函数。
将config中的所有属性复制到obj中，如果配置了defaults，则先将defaults中的属性传入obj，然后再将config中属性传入，一般defaults用于定义一些默认值。
注意：每个参数都必须是对象object，而不能是function或其他。
创建object可以通过new function(){}、new Object()、{}等方法创建。
然后可以创建如MyNS.mydata.doit=function(){…}的接口
注：命名空间的简易调用：Ext.ns()，在Ext Api中未给出此用法。
8、Ext.urlEncode( Object o ) : String
将一个json对象转换称url参数串，支持通过数组为一个参数设定多个值。
如
Ext.urlDecode("a=1&b=2&c=1&c=3&c=5&c=7")

基础篇(3)：ExtJs 核心函数简介

Ext中包含了几个以get开头的方法，这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等，在使用中要注意区别使用 1、get方法 get方法用来得到一个Ext元素，也就是类型为 Ext.Element的对象，Ext.Element类是Ext对DOM的封装，代表DOM的元素，可以为每一个DOM创建一个对应的Element 对象，可以通过Element对象上的方法来实现对DOM指定的操作，比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等。get方法其实是Ext.Element.get的简写形式。 get方法中只有一个参数，这个参数是混合参数，可以是 DOM节点的id、也可以是一个Element、或者是一个DOM节点对象等。看下面的示例代码：
encode函数和decode函数 Ext中有两个很重要的方法,一个是decode;一个是 encode.顾名思义,一个是编码,一个是解码,你难道真的这么想吗? 严格的说,一个是将json字符串转换成对象;一个是将对象转换成json字符串. 注： Ext.decode()和Ext.encode()分别是是 Ext.util.JSON.decode()和Ext.util.JSON.encode的简写

Ext.onReady(function(){ var e=new Ext.Element(“oa"); alert(Ext.get(“oa")); alert(Ext.get(document.getElementById(“oa"))); alert(Ext.get(e)); }); Html页面中包含一个id为oa的div，代码如下： <div id=“oa">myoffice</div> Ext.get(“oa")、Ext.get(document.getElementById(“oa"))、 Ext.get(e)等三个方法都可以得到一个与DOM节点hello对应的Ext元素。

EXT表单组件常见属性介绍（二）

EXT表单组件常见属性介绍（二）EXT表单组件常见属性介绍（二）文章分类:Web前端1、Ext.form.Hidden2、bel配置项：html：text：3、Ext.form.TextField配置项：allowBlank：是否允许为空，默认为trueblankT ext：空验证失败后显示的提示信息emptyT ext：在一个空字段中默认显示的信息grow：字段是否自动伸展和收缩，默认为falsegrowMin：收缩的最小宽度growMax：伸展的最大宽度inputType：字段类型：默认为textmaskRe：用于过滤不匹配字符输入的正则表达式maxLength：字段允许输入的最大长度maxLengthT ext：最大长度验证失败后显示的提示信息minLength：字段允许输入的最小长度minLengthText：最小长度验证失败后显示的提示信息regex：正则表达式regexText：正则表达式验证失败后显示的提示信息vtype：验证类型的名字alpha：限制只能输入字母alphanum：限制只能输入字母和数字emailurlvtypeText：验证失败时的提示信息validator：自定义验证函数selectOnFocus：当字段得到焦点时自动选择已存在的文本，默认为false4、Ext.form.TextArea配置项：preventScrollbars：是否禁止出现滚动条，默认为false5、Ext.form.NumberField配置项：allowDecimals：是否允许输入小数，默认为trueallowNegative：是否允许输入负数，默认为truebaseChars：输入的有效数字集合，默认为'0123456789'decimalPrecision：数字的精度，默认保留小数点后2位decimalSeparator：十进制分隔符，默认为'.'maxValue：允许输入的最大数值maxText：超过最大值之后的提示信息minValue：允许输入的最小数值minT ext：超过最小值之后的提示信息nanText：输入非有效数值之后的提示信息6、Ext.form.Checkbox配置项：boxLabel：复选框的文字描述checked：复选框是否被选择，默认为falsehandler：当checked值改变时触发的函数，函数包含两个参数：checkbox、checkedinputValue：方法：getValue()：返回复选框的checked状态setValue( Boolean/String checked )：7、Ext.form.CheckboxGroup配置项：allowBlank：是否允许不选择，默认为trueblankT ext：columns：显示的列数，可选值包括：固定值auto、数值、数组（整数、小数）items：对象数组vertical：是否垂直方向显示对象，默认为false8、Ext.form.Radio方法：getGroupValue()：setValue( value {String/Boolean} )：9、Ext.form.RadioGroup配置项：allowBlank：blankT ext：10、boBox配置项：displayField：被显示在下拉框中的字段名editable：是否可编辑，默认为trueforceSelection：输入值是否严格为待选列表中存在的值。

ext常用方法

1：按钮的禁用于否：属性： disabled : true, 初始化时为禁用Ext.getCmp('updateb').disable(); //禁用按钮Ext.getCmp('deleteb').enable(); //恢复可用2:面板Ext.getCmp('rulepanel').setVisible(true); //使面板可见Ext.getCmp('rulepanel').setVisible(false); //使面板不可见Ext.getCmp('rulepanel').collapse(true); //使rulepanel收缩Ext.getCmp('rulepanel').expand(true); //使rulepanel展开3：checkbox属性：inputValue 类似其valueview plaincopy to clipboardprint?var popSelect = Ext.getCmp('panel3').findByType('checkbox');for(var i=0,j=0;i<popSelect.length;i++){if(popSelect[i].checked){pop[j++] = popSelect[i].inputValue;if(popSelect[i].inputValue=='103'){selectorder = Ext.getCmp('ruleid').getValue();}}}var popSelect = Ext.getCmp('panel3').findByType('checkbox');for(var i=0,j=0;i<popSelect.length;i++){if(popSelect[i].checked){pop[j++] = popSelect[i].inputValue;if(popSelect[i].inputValue=='103'){selectorder = Ext.getCmp('ruleid').getValue();}}}body : Ext.Element它是指向panel的body的Element引用。

Extjs教程_第二章_Ext概览

第二章 Ext概览在这章里，我们将要开始使用Ext控件，我们将建立一系列的对话框来实现用户和浏览器的交互。

我们将使用onReady、MessageBox、以及get方法来了解如何建立不同种类的对话框并且学习如何在页面中修改HTML和样式。

除此之外，在这章里，我们还会：∙找到如何简单配置Ext控件的方法；∙用DOM做基础实现用户交互；∙用对话框指出用户想要做的事情；∙动态地响应用户的输入，并改变HTML和CSS。

我们将要从对Ext中几个主要函数的介绍来开始学习。

先回想一下第一章中介绍的示例，我们将会对它进行拓展。

这些核心函数我们将会在本书的哥哥部分使用：Ext.onReady：这个函数用来判断页面已经准备好来执行Ext的内容，即用来判断页面是否加载完全；Ext.Msg：用来产生一个有固定样式的消息窗口；configuration objects(配置对象)：这个函数定义控件将如何展示和工作；Ext.get：这个函数用来访问和控制DOM中的而元素。

准备，出发！在这部分中，我们将要学习onReady事件——在您使用Ext之前首先要了解东西。

我们还讲学习如何显示不同种类的对话框，并且如何相应用户跟对话框的交互。

在这之前，我们需要了解使用Ext的一些基本准则。

空白图片：在进行下一步之前，我们应该为Ext提供它所需要的——空白图片。

Ext需要一个1×1像素的透明gif图片，采用不同的方式来拉伸从而填补控件的宽度。

我们需要如下定义该图片的路径：Ext.onReady(function(){Ext.BLANK_IMAGE_URL = 'images/s.gif';});您可能会问为什么需要这张图片。

Ext的用户界面是依靠CSS的，但是CSS是通过为很多HTML元素提供样式来拼凑出Ext的组件的。

唯一能够跨浏览器且保持精准大小的只有图片。

所以图片被用来定义Ext组件的如何展现。

这是Ext提供浏览器兼容性的一种主要方式。

extjs总结

ext‐all.css：这是一个样式表文件，用来控制组件的显示。

改文件不需要进行修改，任何改动将影响日后的升级。

如果真的想改动样式的话，可以在引入该样式文件后再做覆盖。

•ext‐base.js：这个文件提供了Ext的核心功能。

如果Ext是一部车，它就是车的引擎。

这个文件我们可以修改以用来采用其他的库，如jQuery，让它和Ext共存。

•ext‐all‐bug.js/ext‐all.js：所有的组件都蕴含在这个文件里面。

前者用来调试开发，后者在发布的时候采用。

Ext.onReady：这个函数用来判断页面已经准备好来执行Ext的内容，即用来判断页面是否加载完全；Ext.Msg：用来产生一个有固定样式的消息窗口；configuration objects(配置对象)：这个函数定义控件将如何展示和工作；Ext.get：这个函数用来访问和控制DOM中的而元素。

Function stapler(){Ext.Msg.show({title: 'Milton',msg: 'Have you seen my stapler?',buttons: {yes: true,no: true,cancel: true}});}Ext.onReady(stapler());这里提几点在使用配置对象时的注意事项：•配置条目（record）要被花括号包围，每一个括号中的条目都是对象的一部分——{records}；•每个条目都有属性名和属性值，其间被冒号分割，条目之间靠逗号分割——{name0: value0, name1: value1}；•条目的属性值可以是任何数据类型，包括布尔型，数组，函数以及对象——{name0: true, name1: {name2: value2}}；方括号代表数组——{name: [‘one’, ‘two’, ‘three’]}。

数组中的元素也可以是包含对象、值与数字的任何东西。

Ext 主要控件总结

Ext 主要控件Ext.form.TimeField:配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟format：显示格式，默认为“g:i A”。

一般使用“H:i:s”H：带前缀0的24小时i：带前缀0的分钟s：带前缀0的秒invalidText：当时间值非法时显示的提示信息altFormats：多个时间输入格式组成的字符串，不同的格式之间使用“|”进行分割Ext.form.FieldSetanimCollapse：动画折叠，默认为falsecheckboxToggle：设置是否显示字段集的checkbox选择框，默认为falsecheckboxName：指定字段集中用于展开或隐藏字段集面板的checkbox的名字，该属性只有在checkboxToggle为true时生效labelWidth：字段标签的宽度，可以级联到子容器layout：布局，默认为formExt.form.DateFiedmaxValue：允许选择的最大日期maxText：当日期大于最大值时的错误提示信息minValue：允许选择的最小时间minText：当日期小于最小值时的错误提示信息format：日期显示格式，默认为“m/d/y”，一般使用“Y-m-d”Y：四位年份m：带前缀0的月份d：带前缀0的日期y：两位年份n：不带前缀0的月份j：不带前缀0的日期w：星期的数字，0表示星期日，1代表星期一showToday：是否显示今天按钮，默认为truealtFormats：多个日期输入格式组成的字符串，不同的格式之间使用“|”进行分割，默认值为'm/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'disabledDates：禁止选择的日期组成的数组disabledDatesText：选择禁选日期时显示的提示信息disabledDays：禁止选择的星期组成的数组，0代表星期日，1代表星期一disabledDaysText：选择禁选星期时显示的提示信息invalidText：当日期值非法时显示的提示信息方法：getValue()：取得日期值boBoxdisplayField：被显示在下拉框中的字段名editable：是否可编辑，默认为trueforceSelection：输入值是否严格为待选列表中存在的值。

Ext中文学习文档

addBehaviors( Object obj ) : void 对选择的元素应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({// id=foo下所有的a标签加入click事件'#foo a@click' : function(e, t){ // do something }, // 用,分隔多个选择器'#foo a, #bar span.some-class@mouseover' : function(){ // do something }});apply( Object obj, Object config, Object defaults ) : Object从config拷贝所有的属性到obj,如果有defaults参数,也将拷贝其属性到objapplyIf( Object obj, Object config ) : Object从config拷贝所有属性至obj(如果obj未定义相应属性)decode(Object obj) : String编码一个对象/数组或其它值为一个json格式字符串(支持对象,数组,日期,字符串)destroy( Mixed arg1, Mixed (optional), Mixed (optional) ) : void尝试去移除每个传入的对象,包括DOM,事件侦听者,并呼叫他们的destroy方法(如果存在)each( Array/NodeList/Mixed array, Function fn, Object scope ) : void利用array中的每个元素迭代调用fn.直到fn返回假,调用格式fn.call(scope || array[i], array[i], i, array);encode(String json) : Object将一个json格式字符串反序列化为对象escapeRe( String str ) : String为字符串正则编码将.在*+?^${}()|[]/\字符前加\extend( Object subclass, Object superclass, [Object overrides] ) : void从superclass类继承subclass,overrides参数是要重载的方法列表,详见overridefly( String/HTMLElement el, [String named] ) : Element得到全局共享的一个浮动元素el,如果有多个浮动元素可以使用命名以避免潜在的冲突get( Mixed el ) : Element得到一个Element对象,参数可以是id或DOM节点或已存在的Element对象getBody() : Element得到当前文档的body对象getCmp( String id ) : Component通过id得到一个Component对象getDoc() : Element得到当前文档getDom( Mixed el ) : HTMLElement通过id或节点或Element对象返回一个DOM节点id( [Mixed el], [String prefix] ) : String为对象el生成一个惟一id,如果对象本身已有id,将不会被改变(可以使用前导符prefix)isEmpty( Mixed value, [Boolean allowBlank] ) : Boolean判断值是否为空,null, undefined或空字符串将返回真,如果allowBlank定义为真,空字符串将不被视为空namespace( String namespace1, String namespace2, String etc ) : void创建一个命名空间,例space('Company', 'Company.data');Company.Widget = function() { ... }Company.data.CustomStore = function(config) { ... }num( Mixed value, Number defaultValue ) : Number将value转为数值,如果value不是合法的数值类型,将返回defaultValue,其实defaultValue并不一定要求是数值类型,只要你愿意onReady( Function fn, Object scope, boolean override ) : void当文档准备好了之后引发fn,发生在page的onload事件之前,并且图片此时都还没有载入,scope定义执有者,override定义scope是否有默认的选择override( Object origclass, Object overrides ) : void利用overrides重写origclass的方法,例newMethod1: function(){ // etc. },newMethod2: function(foo){ // etc. }});query( String path, [Node root] ) : Array通过path,在root中选择节点数组,path可以是以下四种选择器之一[元素选择器] 例:* 任意节点 E 一个E标签元素 E F 祖先节点为E的F节点 E > F 或 E/F 父节点为E的F节点E +F 前一个兄弟节点为E的F节点 E ~ F 前面的兄弟节点中有E的F节点[属性选择器] 例: E[foo] 有foo属性的E节点 E[foo=bar] 有foo属性值为bar的E节点E[foo^=bar] foo属性以bar开始的E节点 E[foo$=bar] foo属性以bar结尾的E节点E[foo*=bar] foo属性中有bar字符串的E节点 E[foo%=2] foo属性能被2整除的E节点E[foo!=bar] foo属性值不为bar的E节点[伪类选择器] 例:E:first-child E节点是父节点中第一个子节点 E:last-child E节点是父节点中最后一个子节点E:nth-child(n) E是父节点中每n个节点 E:nth-child(odd) E是父节点中的奇数节点E:nth-child(even) E是父节点中的偶数节点 E:only-child E是父节点中惟一的子节点E:checked checked属性为真的节点 E:first 子孙节点中的第一个E节点E:last 子孙节点中的最后一个E节点 E:nth(n) 子孙节点中的第n个E节点E:odd E:nth-child(odd)的简写 E:even E:nth-child(even)的简写E:contains(foo) innerHTML属性中含有foo的E节点 E:nodeValue(foo) E节点中包含一个值为foo的文本节点E:not(S) 不匹配简单选择器S的E节点 E:has(S) 有能匹配简单选择器S的子节点的E节点E:next(S) 下一个兄弟节匹配简单选择器S的E节点 E:prev(S) 前一个兄弟节匹配简单选择器S的E节点type( Mixed object ) : String 判断对象类型,如果不是下列值之一将返回false[样式选择器] 例:E{display=none} display属性值为none的E节点 E{display^=none} display属性值以none开始的E节点E{display$=none} display属性值以none结束的E节点 E{display*=none} display属性值含有none子字串的E节点E{display%=2} display属性值能被2整除的E节点 E{display!=none} display属性值不等于none的E节点select( String/Array selector, [Boolean unique], [HTMLElement/String root] ) :CompositeElementLite/CompositeElement 在root内通过样式选择器或元素数组selector选择元素或元素列表,unique指示是否只选择惟一值urlDecode( String string, [Boolean overwrite] ) : Object将url格式字符串string解码为json对象,overwrite参数指示是否不重写已存在的对象,例Ext.urlDecode("foo=1&bar=2"); //返回 {foo: 1, bar: 2}Ext.urlDecode("foo=1&bar=2&bar=3&bar=4"); //返回 {foo: 1, bar: 4}.Ext.urlDecode("foo=1&bar=2&bar=3&bar=4", true); //返回 {foo: 1, bar: [2, 3, 4]}.urlEncode( Object o ) : String将json对象编码为url格式字符串,参见urlDecodetype( Mixed object ) : String得到object类型,如果不为以下列举值之一则返回falseArray类indexOf( Object o ) : Numberobject是否在数组中,找不到返回-1;找到返回位置remove( Object o ) : Array从数组中删除指定的对象object,如果找不到object则数组无变化Number类constrain( Number min, Number max ) : Number检查数值是否介于min与max之间, 如果大于max 返回max,如果小于min返回min, 否则返回当前值String类escape( String string ) : String 将string中的'和\替换为\' \\format( String string, String value1, String value2 ) : String格式化字符串,例:var cls = 'my-class', text = 'Some text';var s = String.format('<div class="{0}">{1}</div>', cls, text);// 结果 <div class="my-class">Some text</div> leftPad( String string, Number size, [String char] ) : Stringtoggle( String value, String other ) : String交换值,如果当前值等于value,则被赋值other,反之等于value,例:sort = sort.toggle('ASC', 'DESC');trim() : String 去除开头或结尾多余的空格Date类Date.parseDate( String input, String format ) : Date将字符串string依指定的格式format转换为时间,其中格式定义详见format方法例:dt = Date.parseDate("2006-01-15 3:20:01 PM", "Y-m-d h:i:s A" );add( String interval, Number value ) : Date增加时间段,String interval在Data类中已定义LI = "ms"; Date.SECOND = "s"; Date.MINUTE = "mi"; Date.HOUR = "h"; Date.DAY = "d";Date.MONTH = "mo"; Date.YEAR = "y"; 例var dt2 = new Date('10/1/2006').add(Date.DAY, -5);between( Date start, Date end ) : Boolean 是否在两个指定的时间之间clearTime( Boolean clone ) : Date清除时间信息,如果clone为真,则克隆自已并返回新Date,本身的值并不改变,反之则修改自身的值clone() : Date 克隆format( String format ) : String格式化时间d 两位数的日期 01 至 31 D 三字母的星期名 Mon 至 Sunj 一位数的日期 1 至 31 l 完整的星期名 Sunday 至 SaturdayS 日期的英文顺序刻词尾,两个字符 st, nd, rd or th.w 一周中的第几天 0 (星期天) 至 6 (星期六) z 一年中的第几天 0 至 364 (闰年365 ) W ISO-8601 星期数, 周一算一个星期的开始 1 至 53F 月的完整英文名 January 至 December m 月,以0前导 01 至 12M 三字母的简写月名 Jan 至 Dec n 月 1 至 12t 本月有多少天 28 至 31 L 是否闰年 1/0Y 完整的年份例: 1999 或 2003 y 年的后两位例: 99 或 03a 上午/下午小写 am 或 pm A 上午/下午大写 AM 或 PMg 小时/12小时制 1 至 12 G 小时/24小时制 0 至 23h 小时/12小时制 01 至 12 H 小时/24小时制 00 至 23i 分钟 00 至 59 s 秒 00 至 59u 毫秒 001 至 999 O 时区,与格林威治标准时间之差例: +0200T 时区简写例: EST, MDT ... Z 时区间距 -43200 至 50400其中Date类内置了几种格式Date.patterns = {ISO8601Long:"Y-m-d H:i:s", ISO8601Short:"Y-m-d", ShortDate: "n/j/Y", LongDate: "l, F d, Y",FullDateTime: "l, F d, Y g:i:s A", MonthDay: "F d", ShortTime: "g:i A", LongTime: "g:i:s A",SortableDateTime: "Y-m-d\\TH:i:s", UniversalSortableDateTime: "Y-m-d H:i:sO", YearMonth: "F, Y"};当然ISO8601Long和ISO8601Short还是非常招人喜欢的例:dt.format(Date.patterns.ISO8601Long);dt.format('Y-m-d H:i:s');getDayOfYear() : Number 一年中的第几天,从0开始getDaysInMonth() : Number 本月有多少天,getElapsed( [Date date] ) : Number 当前日期对象与date之间相差的毫秒数getFirstDateOfMonth() : Date 本月的第一天getFirstDayOfMonth() : Number 本月第一天是星期几getGMTOffset() : String 时区信息(见格式定义中的'O')getFirstDateOfMonth() : Date 本月最后一天getFirstDayOfMonth() : Number 本月最后一天是星期几getSuffix() : String 日期后导符(见格式定义中的S)getTimezone() : String 时区(见T)isLeapYear() : Boolean 是否闰年Function类createCallback(/*args...*/) : Function 创建回叫方法createDelegate( [Object obj], [Array args], [Boolean/Number appendArgs] ) :创建委托这两个记法除了传参方式不同,看不出有什么差异都是调用method.apply,createCallback可以看作一个简化版的createDelegate createCallback==>return method.apply(window, args);createDelegate==>return method.apply(obj || window, callArgs);前者参数比较简单,直接传过去了,后者的规则比较复杂点,如果appendArgs为真,args将附加在参数列表之后,如果是数值,args将在参数列表的appendargs位置插入,其它情况下原参将不起作用例:var fn = func1.createDelegate(scope, [arg1,arg2], true) //fn(a,b,c) === scope.func1(a,b,c,arg1,arg2);var fn = func1.createDelegate(scope, [arg1,arg2]) //fn(a,b,c) === scope.func1(arg1,arg2);var fn = func1.createDelegate(scope, [arg1,arg2], 1) //fn(a,b,c) === scope.func1(a,arg1,arg2,b,c);var fn = func1.createCallback(arg1, arg2); //fn() === func1(arg1, arg2)createCallback : function(/*args...*/)createInterceptor( Function fcn, [Object scope] ) : Function 创建阻断方法,如果fcn返回false,原方法将不会被执行createSequence( Function fcn, [Object scope] ) : Function 创建组合方法,执行原方法+fcndefer( Number millis, [Object obj], [Array args], [Boolean/Number appendArgs] ):Number定时执行，隔millis毫秒后执行原方法Ext.DomQuery类selector语法详见Ext类compile( String selector, [String type] ) : Function编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一filter( Array el, String selector, Boolean nonMatches ) : Array过滤el中的元素,保留符合selector的，如果nonMatches为真，结果相反is( String/HTMLElement/Array el, String selector ) : Boolean 验证el是否匹配selectorselect( String selector, [Node root] ) : Array 从root中选择匹配selector的对象数组selectNode( String selector, [Node root] ) : Element 返回root中第一个匹配selector的对象selectNumber( String selector, [Node root], Number defaultValue ) : Number返回root中第一个匹配selector的对象的节点值，转换为整数或浮点数selectValue( String selector, [Node root], String defaultValue ) : void返回root中第一个匹配selector的对象的节点值，如果为null,用默认值defaultValue代替Ext.DomHelper类append( Mixed el, Object/String o, [Boolean returnElement] ) : HTMLElement/Ext.Element创建一个新的DOM元素并添加到el 参数 o 是一个DOM对象或一个原始html块applyStyles( String/HTMLElement el, String/Object/Function styles ) : void应用样式styles到对象el，样式的对象表示方法见Ext.ElementcreateTemplate( Object o ) : Ext.Template 由o创建一个新的Ext.Template对象，详见 Ext.TemplateinsertAfter( Mixed el, Object o, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertBefore( Mixed el, Object/String o, [Boolean returnElement] ) : HTMLElement/Ext.Element创建一个新的DOM对象o并将他们挺入在el之后/之前insertFirst( Mixed el, Object/String o, [Boolean returnElement] ) :创建一个新的DOM元素并做为第一个子节点添加到el (看了这个insertFirst，建议将append取一个别名insertLast:))insertHtml( String where, HTMLElement el, String html ) : HTMLElementwhere 可选值beforeBegin/afterBegin/beforeEnd/afterEnd 将html代码插入到el附近,markup( Object o ) : String 返回DOM对象o对应的html代码overwrite( Mixed el, Object/String o, [Boolean returnElement] ) :创建一个新的DOM元素o并用它重写el的内容Ext.Template类Template类主要是功能是生产html片断,例t.append('some-element', {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'});公用方法:Template( String/Array html ) 构造一个Ext.Template对象，参数可以是字符串形式的html代码或它们组成的数组，Template.from( String/HTMLElement el, Object config ) : Ext.Template 能过el的value(优先)或innerHTML来构造模板append( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertAfter( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertBefore( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.ElementinsertFirst( Mixed el, Object values, [Boolean returnElement] ) : HTMLElement/Ext.Element这组方法提供由 value产生的html 代码，并添加到dom 做为el的最后一个子节点/下一个兄弟节点/前一个兄弟节点/第一个子节点values解释参见applyTemplateapply() : voidapplyTemplate( Object values ) : Stringapply是applyTemplate的简写，如果参数是数字values可以是一个数组，或者一个象 {id: 'myid', cls: 'myclass', name: 'foo', value: 'bar'}这样的json对象compile() : Ext.Template 编译模板,替换掉模板中的\=>\\ ,\r\n|\n==>\\n, '=\',主要是为了js自己处理方便overwrite( Mixed el, Object values, [Boolean returnElement] ) :利用values生成html替换el的内容set( String html, [Boolean compile] ) : Ext.Template设置模板的html,如果compile为真将调用compile方法Ext.Element类Element( String/HTMLElement element, [Boolean forceNew] ) 由id或DOM节点创建Element对象Element.fly( String/HTMLElement el, [String named] ) : Element由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突Element.get( Mixed el ) : Element 由id或DOM节点或已存在的Element得到一个Ext.Element对象addClass( String/Array className ) : Ext.Element 为元素添加一个或多个css类名addClassOnClick( String className ) : Ext.Element 为点击事件添加和移除css类addClassOnFocus( String className ) : Ext.Element 为得到和失去焦点添加和移除css类addClassOnOver( String className, [Boolean preventFlicker] ) : Ext.Element为鼠标移入移出事件添加和移除css类(该方法未实际使用preventFlicker参数)addKeyListener( Number/Array/Object/String key, Function fn, [Object scope] ) : Ext.KeyMap为对象添加按键侦听 key由数值或字符串或{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}这样的对象或他们的数组组成addKeyMap( Object config ) : Ext.KeyMap 功能同addKeyListener,只是传参方式不同例:el.addKeyMap({key : "ab",ctrl : true,fn: fn,scope:el });和el.addKeyListener({key:"ab",ctrl:true},fn,el);是等价的,都是在按下ctral+a或ctrl+b后呼叫fnaddListener( String eventName, Function fn, [Object scope], [Object options] ) : void定义事件侦听,eventName:事件名,fn:事件处理方法,scrope:范围,其中options的定义比较复杂,可以包含以下属性scope {Object} : 处理fn的范围 delegate {String} : 一个简单选择器(过滤目标或寻找目标的子孙节点)stopEvent {Boolean} : 阻止事件,等于preventDefault+stopPropagationpreventDefault {Boolean} : 阻止默认活动 stopPropagation {Boolean} : 阻止事件冒泡normalized {Boolean} :设为flase将允许浏览器事件替代Ext.EventObjectdelay {Number} : 延时多少毫秒后发生 single {Boolean} : 只运行一次buffer {Number} : 在Ext.util.DelayedTask中预定事件当然,还可能自定义参数以传入functionalignTo( Mixed element, String position, [Array offsets], [Boolean/Object animate] ) : Ext.Element将el对齐到element,positon,指示对齐的位置,可选以下定义tl 左上角(默认) t 上居中 tr 右上角 l 左边界的中央 c 居中 r 右边界的中央bl 左下角 b 下居中 br 右下角 position还可以使用?约束移动不能超出窗口 offsets 偏移量,以象素为单位animate 详见animate定义例:div1.alignTo('div2','c-bl?',[20,0],true); 采用默认动画将div1的最中央对齐到div2的左下角,并右移20个象素,且不能超出窗口anchorTo( Mixed element, String position, [Array offsets], [Boolean/Object animate], [Boolean/Number monitorScroll], Function callback ) : Ext.Element 功能和alignTo类似,只是当窗口重定义大小的时候也会引发重对齐事件monitorScroll参数说明是否需要监视滚动条行为,如果定义为数值则是定义的延时,单位为毫秒,默认是50ms,callback定义了animate完成后的回叫方法animate( Object args, [Float duration], [Function onComplete], [String easing], [String animType] ) : Ext.Element执行动画. args:目标 duration:时间间隔.默认是0.35 Function:完成后的回叫方法easing:行为方法默认值是:easeOut,可选值在ext_base中找到,但没有说明,以下内容从yahoo ui中找到的easeNone:匀速 easeIn:开始慢且加速 easeOut:开始快且减速 easeBoth:开始慢且减速 easeInStrong:开始慢且加速,t的四次方easeOutStrong:开始快且减速,t的四次方 easeBothStrong:开始慢且减速,t的四次方elasticIn: elasticOut: elasticBoth: backIn: backOut: backBoth: bounceIn: bounceOut: bounceBoth: 太多,慢慢体会吧animType:定义动画类型,默认值run 可选值:color/motion/scrollappendChild( String/HTMLElement/Array/Element/CompositeElement el ) : Ext.Element 添加子元素el(el须已存在) appendTo( Mixed el ) : Ext.Element 将当前元素添加到elapplyStyles( String/Object/Function styles ) : Ext.Element应用样式,styles是"width:100px"这样的字符串或{width:"100px"}这样的对象,function是指返回这样的字串和对象的函数,这是一个没有用的批示,因为任何传参的地方都可以是返回要求类型的function.另见setStyleautoHeight( [Boolean animate], [Float duration], [Function onComplete], [String easing] ) : Ext.Element自适应高度,参数都是老相识了,惟一需要注意的是这个方法使用了setTimeout,高度不会马上变更blur() : Ext.Element 失去焦点,忽略所有的异常boxWrap( [String class] ) : Ext.Element 一个指定样式class的div将当前元素包含起来,class默认值为x-boxcenter( [Mixed centerIn] ) : voidalignTo的简华版.相当于alignTo(centerIn || document, 'c-c'),当前元素的中心对齐到centerIn元素的中心child( String selector, [Boolean returnDom] ) : HTMLElement/Ext.Element依selector选择子孙节点,依returnDom不同批示返回html元素还是ext元素,未定义或false时返回Ext.Elementclean( [Boolean forceReclean] ) : void 清除无用的空白文本节点(我喜欢这个想法)clearOpacity() : Ext.Element清除当前元素样式中不通用元素,清除ie中的filter,清除FF中的opacity/-moz-opacity/-khtml-opacityclearPositioning( [String value] ) : Ext.Element 清除定位,恢复到默认值,相当于this.setStyle({"left": value,"right": value,"top": value,"bottom": value,"z-index": "","position" : "static"});clip() : Ext.Element 裁剪溢出部分,用unclip()恢复contains( HTMLElement/String el ) : Boolean 当前元素中是否存在elcreateChild( Object config, [HTMLElement insertBefore], [Boolean returnDom] ) : Ext.Element创建一个新的子节点config :DomHelper元素对象,如果没有特别指明tag,将使用div做默认tag,详情参见DomHelper,如果未定义insertBefore,则追加createProxy( String/Object config, [String/HTMLElement renderTo], [Boolean matchBox] ) : Ext.Element创建一个代理元素config:代理元素的类名或DomHelper config对象 renderTo:将要绘制代理元素的html element或id matchBox:是否对齐createShim() : Ext.Element 在当前元素之前创建一个classname为ext-shim的iframe,有什么用?down( String selector, [Boolean returnDom] ) : HTMLElement/Ext.Element通过样式选择器selector选择子孙节点enableDisplayMode( [String display] ) : Ext.Element setVisibilityMode的简便方法findParent( String selector, [Number/Mixed maxDepth], [Boolean returnEl] ) : HTMLElement通过简单选择器selector寻找祖先节点 ,直到maxDepth(元素maxDepth默认为10,也可以是指定的DOM 节点),找不到返回null findParentNode( String selector, [Number/Mixed maxDepth], [Boolean returnEl] ) : HTMLElement从父元素开始使用简单选择器selector选择DOM节点first( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement得到第一个符合selector条件的子节点,跳过文本节点focus() : Ext.Element 得到焦点getAlignToXY( Mixed element, String position, [Array offsets] ) : Array得到当前元素按position规则对齐到element时的XY坐标值 position/offsets参数参见alignTo方法getAnchorXY( [String anchor], [Object size], [Boolean local] ) : Array得到当前元素锚点指定的坐标值 anchor定义参见alignTo方法,默认为cgetAttributeNS( String namespace, String name ) : String 得到使用了命名空间namespace的属性name之值, getBorderWidth( String side ) : Number得到side指定的边框之和,side可以是t, l, r, b或他们的任意组合,比如getBorderWidth("lr")就是得到左边框和右边框之和getBottom( Boolean local ) : Number 得到当前元素的底部纵坐标,元素纵坐标+元素高度getBox( [Boolean contentBox], [Boolean local] ) : Object 得到当前元素的box对象:{x,y,width,height}getCenterXY() : Array 如果当前元素要居中对齐时的横纵坐标值,等价getAlignToXY(document, 'c-c')getColor( String attr, String defaultValue, [String prefix] ) : void得到当前元素指定attr的颜色值,如果没指定,返回defualtValue,比较郁闷的是明明不是void为什么api中批示是一个void?应该是个字符串getComputedHeight() : Number得到计算过的高度,得到offsetHeight或css中定义的height值之一,如果使用了padding/borders,也会计算进去getComputedWidth() : Number 见getComputedHeightgetFrameWidth( String sides ) : Number 得到sides定义的border宽度和padding定义的宽度之和,side定义见getBorderWidth getHeight( [Boolean contentHeight] ) : Number 返回元素的offsetHeightgetLeft( Boolean local ) : Number 得到横坐标getMargins( [String sides] ) : Object/Number如果没有定义sides,则返回一个含有{left,top,width,height}对象,反之返回side指定的宽度,side定义见getBorderWidth getOffsetsTo( Mixed element ) : Array 计算从element到当前元素的偏移量getPadding( String side ) : Number 得到由side指定的padding之和getPositioning() : Object 得到当前元素的位置信息返回含以下属性的对象{position,left,right,top,bottom,z-index} getRegion() : Region 得到当前元素的区域信息返回含有以下属性的Ext.lib.Region对象{top, left, bottom, right}getRight( Boolean local ) : Number 右边界值getScroll() : Object 得到一个批示滚动条位置的对象{left, top}getSize( [Boolean contentSize] ) : Object 得到宽度和高度组成的对象信息{width,height}getStyle( String property ) : String 得到指定的样式值 getStyles简化版getStyles( String style1, String style2, String etc. ) : Object 得到由参数组成的对象例:el.getStyles('color', 'font-size', 'width')可能返回 {'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}getTop( Boolean local ) : Number 得到顶点纵坐标getUpdater() : Ext.Updater 得到当前元素的Updater对象,参见Ext.Updater类getValue( Boolean asNumber ) : String/Number 得到value属性的值getViewSize() : Object 得到clientHeight和clientWidth信息给成的对象{width,height}getWidth( [Boolean contentWidth] ) : Number ..这样的方法真多getX() : Number getXY() : Array getY() : Array 得到页面偏移量,也就是绝对坐标hasClass( String className ) : Boolean 样式类className 存在于当前元素的dom 节点中hide( [Boolean/Object animate] ) : Ext.Element 隐藏当前元素hover( Function overFn, Function outFn, [Object scope] ) : Ext.Element 设置鼠标移入移出事件initDD( String group, Object config, Object overrides ) : Ext.dd.DDinitDDProxy( String group, Object config, Object overrides ) : Ext.dd.DDProxyinitDDTarget( String group, Object config, Object overrides ) : Ext.dd.DDTarget这个要放到 Ext.dd去专门搞了,用于拖曳insertAfter( Mixed el ) : Ext.ElementinsertBefore( Mixed el ) : Ext.ElementinsertFirst( Mixed/Object el ) : Ext.Element在DOM中el元素之前之后...插入当前元素insertHtml( String where, String html, Boolean returnEl )插入html内容 where 可选beforeBegin, afterBegin, beforeEnd, afterEndinsertSibling( Mixed/Object/Array el, [String where], [Boolean returnDom] ) :is( String selector ) : Boolean 验证当前节点是否匹配简单选择器selectorisBorderBox() 测试不同的样式规则以决定当前元素是否使用一个有边框的盒子isDisplayed() : Boolean 只要不是指定display属性none都会返回真isMasked() : Boolean 仅有当前元素有mask并且可见时为真,mask译为蒙片?就是有些输入框没得到值之前会有一行模糊的提示的那种东西isScrollable() : Boolean 可以滚动?isVisible( [Boolean deep] ) : Boolean 可见?last( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement 见firstload( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] ) : Ext.Element直接应用当前updater的update方法mask( [String msg], [String msgCls] ) : Element 为当前对象创建蒙片move( String direction, Number distance, [Boolean/Object animate] ) : Ext.Element 相前元素相对于当前位置移动, direction批示方向可能的值是"l","left" - "r","right" - "t","top","up" - "b","bottom","down".distance,指示要移动的距离,以像素为单位moveTo( Number x, Number y, [Boolean/Object animate] ) : Ext.Element 称动到指定的位置next( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement 下一个符合selector的兄弟节点,on( String eventName, Function fn, [Object scope], [Object options] ) : void 详见addListenerposition( [String pos], [Number zIndex], [Number x], [Number y] ) : void初始化当前元素的位置 pos可选择relative/absolute/fixedprev( [String selector], [Boolean returnDom] ) : Ext.Element/HTMLElement 前一个符合selector的兄弟节点query( String selector ) : Array 通过样式选择器选择子节点radioClass( String/Array className ) : Ext.Element 添加样式或样式数组到当前元素，并移除兄弟节点中的指定样式relayEvent( String eventName, Object object ) : void 将当前元素的eventName事件同时转发给object对象remove() : void 从当前DOM中删除元素,并从缓存中移除removeAllListeners() : Ext.Element 移除所有的侦听者removeClass( String/Array className ) : Ext.Element 移除样式类removeListener( String eventName, Function fn ) : Ext.Element 移除事件eventName的fn侦听器repaint() : Ext.Element 强制浏览器重绘当前元素replace( Mixed el ) : Ext.Element 用当前元素替换elreplaceClass( String oldClassName, String newClassName ) : Ext.Element 替换样式类replaceWith( Mixed/Object el ) : Ext.Element 用el替换当前元素scroll( String direction, Number distance, [Boolean/Object animate] ) : Boolean滚动,scroll会保证元素不会越界,direction和distance参数见movescrollIntoView( [Mixed container], [Boolean hscroll] ) : Ext.Element 滚动到container内的视图scrollTo( String side, Number value, [Boolean/Object animate] ) : Element 基本与scroll方法相同,但不保证元素不越界select( String selector, [Boolean unique] ) :与query不同的是,通过样式选择器selector,select方法会返回一个复合元素对象(CompositeElement)或CompositeElementLite, set( Object o, [Boolean useSet] ) : Ext.Element 设置属性，例el.set({width:'200px',height:'200px'});setBottom( String bottom ) : Ext.Element setLeft( String left ) : Ext.ElementsetRight( String right ) : Ext.Element setTop( String top ) : Ext.ElementsetLeftTop( String left, String top ) : Ext.Element 设置css 对象的属性值setBounds( Number x, Number y, Number width, Number height, [Boolean/Object animate] ) : Ext.Element马上改变当前元素的位置和尺寸setBox( Object box, [Boolean adjust], [Boolean/Object animate] ) : Ext.Element为当前元素设置一个盒子box:{x, y, width, height},adjust指示是否马上调整尺寸setDisplayed( Boolean value ) : Ext.Element 设置可见性setHeight( Number height, [Boolean/Object animate] ) : Ext.ElementsetWidth( Number width, [Boolean/Object animate] ) : Ext.ElementsetSize( Number width, Number height, [Boolean/Object animate] ) : Ext.Element 设置高度和宽度setLocation( Number x, Number y, [Boolean/Object animate] ) : Ext.Element 设置当前元素相对于页面的横纵坐标setOpacity( Float opacity, [Boolean/Object animate] ) : Ext.Element 设置透明度，opacity为1完全不透明,0完全透明setPositioning( Object posCfg ) : Ext.Element 为当前元素指定位置信息,参数posCfg参见getPositioning说明setRegion( Ext.lib.Region region, [Boolean/Object animate] ) : Ext.Element 为当前元素指定区域信息 region定义setStyle( String/Object property, [String value] ) : Ext.Element 设置样式setVisibilityMode( visMode Element.VISIBILITY ) : Ext.Element指示是使用Element.VISIBILITY还是Element.DISPLAY属性来定义可见性setVisible( Boolean visible, [Boolean/Object animate] ) : Ext.Element 设置可见性setX( Number The, [Boolean/Object animate] ) : Ext.ElementsetXY( Array pos, [Boolean/Object animate] ) : Ext.ElementsetY( Number The, [Boolean/Object animate] ) : Ext.Element 设置当前元素相对于page的位置show( [Boolean/Object animate] ) : Ext.Element 显示当前元素swallowEvent( String eventName, [Boolean preventDefault] ) : Ext.Element阻止eventName事件冒泡，并视preventDefault阻断默认行为toggle( [Boolean/Object animate] ) : Ext.Element 切换元素的visibility 或display属性,依赖于setVisibilityMode设定的toggleClass( String className ) : Ext.Element 如果样式名存在于当前元素对应的dom 节点，移除，反之应用translatePoints( Number/Array x, Number y ) : Object 返回一个{left,top}结构un( String eventName, Function fn ) : Ext.Element 解除事件侦听，参见 removeListenerunclip() : Ext.Element 见clip;unmask() : void 见mask;unselectable(): Ext.Element禁止文本选择up( String selector, [Number/Mixed maxDepth] ) : Ext.Element通过样式选择器selector选择祖先节点update( String html, [Boolean loadScripts], Function callback ) : Ext.Element利用html更新当前节点内容，loadScripts指示html中如果有script，是否需要运行,这是一个innerHTML的一个老老老问题了wrap( [Object config], [Boolean returnDom] ) : HTMLElement/Element用另一个元素config包含自己Ext.EventManager事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理addListener( String/HTMLElement el, String eventName, Function handler,on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options] ) : void onDocumentReady( Function fn, [Object scope], [boolean options] ) : voidremoveListener( String/HTMLElement el, String eventName, Function fn ) :un( String/HTMLElement el, String eventName, Function fn ) : Boolean参见ExtonWindowResize( Function fn, Object scope, boolean options ) : void窗口大小变更时触发onTextResize( Function fn, Object scope, boolean options ) : void活动文本尺寸变更时触发Ext.EventObject这两个类都定义在EventManager.js中，分开是为了逻辑上更清晰吧,这个类主要用于描述事件本身，一般用做事件处理方法的参数另外这个害定义了一些键值常量，比ascii码好记例function handleClick(e){ // 这儿的e就是一个EventObject对象e.preventDefault(); var target = e.getTarget(); ...}var myDiv = Ext.get("myDiv");myDiv.on("click", handleClick);//orExt.EventManager.on("myDiv", 'click', handleClick);Ext.EventManager.addListener("myDiv", 'click', handleClick); getCharCode() : NumbergetKey() : Number在非webkit|khtml类型网页中这两个方法是一样的，得到按键的值getPageX() : Number getPageY() : Number getXY() : Array得到事件坐标getRelatedTarget() : HTMLElement得到关联目标?我总是得到nullgetTarget( [String selector], [Number/Mixed maxDepth], [Boolean returnEl] ) :如果没有定义selector则直接返回target属性,如果定义了selector，则利用selector寻找祖先节点getTime() : Number得到事件发生的时间?getWheelDelta() : Number 应该是个过时的方法，反正在ie和火狐下都不知道做什么用的,原意应该是得到鼠标的按键信息？hasModifier() : Boolean事件发生时是否同时按下了ctrl/alt/shift键之一？preventDefault() : void阻止浏览器的默认事件？stopPropagation() : void 阻止事件冒泡within( Mixed el, [Boolean related] ) : Boolean如果事件的目标是el或者它的子节点将返回真positeElement类基础的复合元素类,为容器中每个元素创建一个Ext.Element对象虽然不是继承自Ext.Element，但事实上它几乎支持Element类的所有方法例:var els = Ext.select("#some-el div.some-class", true);els.setWidth(100);add( String/Array els ) : CompositeElement添加 css选择器els匹配的元素或元素组成的数组到当前对象clear() : void清除所有元素contains() : Boolean应该是contains(Mixed el):Boolean,当前复合元素中是否含有eleach( Function fn, [Object scope] ) : CompositeElement通过el,this,index参数为每个元素调用fnfill( String/Array els ) : CompositeElementclear()& add(els)filter( String selector ) : CompositeElement过滤first() : Ext.Element第一个元素getCount() : Number//元素的数量indexOf() : Boolean同contains一样应该有个Mixed参数item( Number index ) : Ext.Element第index个元素last() : Ext.Element最后一个元素removeElement( Mixed el, [Boolean removeDom] ) : CompositeElement删除el元素replaceElement( Mixed el, Mixed replacement, [Boolean domReplace] ) : CompositeElement替换positeElementLit e由positeElement继承而来，重写了一些方法，但没看出与父类有什么不同addElements /invoke /item /addListener /each /indexOf /replaceElementExt.Fx类对于我这样的懒鬼而言，Fx类是核心类库中最激动人心的一个类，它不是最重要的，却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法，很有趣的fadeIn( [Object options] ) : Ext.Element渐显 options参数有以下属性callback:Function 完成后的回叫方法scope:Object 目标easing:String 行为方法默认值是:easeOut,可选值在ext_base中找到,但没有说明,以下内容从yahoo ui中找到的easeNone:匀速 easeIn:开始慢且加速 easeOut:开始快且减速 easeBoth:开始慢且减速easeInStrong:开始慢且加速,t的四次方 easeOutStrong:开始快且减速,t的四次方easeBothStrong:开始慢且减速,t的四次方 elasticIn: elasticOut: elasticBoth: backIn: backOut: backBoth: bounceIn: bounceOut: bounceBoth: 太多,慢慢体会吧afterCls:String 事件完成后元素的样式 duration:Number 事件完成时间（以秒为单位）remove:Boolean 事件完成后元素销毁? useDisplay:Boolean 隐藏元素是否使用display或visibility属性? afterStyle:String/Object/Function 事件完成后应用样式 block:Boolean 块状化?concurrent:Boolean 顺序还是同时执行？ stopFx ：Boolean 当前效果完成后随合的效果是否将停止和移除fadeOut( [Object options] ) : Ext.Element渐隐 fadeOut和fadeIn能使用一个特别的endOpacity属性以指示结束时的透明度例:el.fadeIn({duration:5,endOpacity:0.7});frame( [String color], [Number count], [Object options] ) : Ext.Element边框变亮扩展然后渐隐例:el.frame("ff0000", 10, { duration: 3 })ghost( [String anchor], [Object options] ) : Ext.Element渐渐滑出视图,anchor定义tl 左上角(默认) t 上居中 tr 右上角 l 左边界的中央c 居中 r 右边界的中央 bl 左下角 b 下居中 br 右下角例:el.ghost('b', { easing: 'easeOut', duration: .5, remove: false, useDisplay: false});hasActiveFx() : Boolean指示元素是否当前有特效正在活动hasFxBlock() : Boolean是否有特效阻塞了。

EXT表单组件常见属性介绍（一）

EXT表单组件常见属性介绍（一）EXT表单组件常见属性介绍（一）文章分类:Web前端1、Ext.form.Action配置项：success：执行成功后回调的函数，包括两个参数：form和actionfailure：执行失败后回调的函数，包括两个参数：form和action method：表单的提交方式，有效值包括GET、POSTparams：传递到请求中的参数url：动作提交的路径waitMsg：动作执行时显示的等待信息属性：Action.CLIENT_INVALID：客户端验证错误Action.CONNECT_FAILURE：通信错误Action.LOAD_FAILURE：加载数据时，没有包含data属性的字段被返回Action.SERVER_INVALID：服务端验证错误failureType：错误类型result：包含布尔类型的success属性和其他属性，如{success: true, msg: 'ok'}type：动作类型，可选值有submit和loadExt.form.Action.Submit：返回的信息中要包含一个布尔类型的success属性和一个可选的errors属性Ext.form.Action.Load：返回的信息中要包含一个布尔类型的success属性和一个data属性2、Ext.form.BasicForm配置项：baseParams：传递到请求中的参数method：表单的提交方式，有效值包括GET、POSTurl：表单默认的提交路径fileUpload：表单是否进行文件上传timeout：表单动作的超时时间，默认为30秒trackResetOnLoad：是否在表单初次创建时清楚数据方法：doAction( String/Object actionName, [Object options] )：执行一个预订的动作，可用选项包括：url：动作提交的路径method：表单的提交方式，有效值包括GET、POSTparams：传递到请求中的参数headers：success：执行成功后回调的函数，包括两个参数：form和actionfailure：执行失败后回调的函数，包括两个参数：form和action clientValidation：是否客户端验证clearInvalid()：清除表单中所有的无效验证信息findField( String id )：查找表单字段getValues( [Boolean asString] )：isDirty()：表单数据是否被更改过isValid()：客户端验证是否成功load( Object options )：执行表单读取动作loadRecord( Record record )：从一个数据记录中读取数据到表单中markInvalid( Array/Object errors )：成批设置表单字段为验证无效reset()：重置表单setValues( Array/Object values )：成批设置表单字段值submit( Object options )：执行表单提交动作updateRecord( Record record )：持久化表单数据到记录集中3、Ext.form.FormPanel配置项：items：一个元素或元素数组buttons：一个按钮配置对象的数组，按钮将被添加到表单页脚中buttonAlign：按钮的对齐方式，可选值有left、center、right，默认为centerlabelWidth：表单标签的宽度labelAlign：表单标签的对齐方式，可选值有left、top、right，默认为leftlabelSeparator：字段标签与字段之间的分隔符，默认为':'minButtonWidth：按钮的最小宽度，默认为75方法：getForm() : Ext.form.BasicFormload( Object options )startMonitoring()stopMonitoring()4、Ext.form.Field配置项：name：字段名value：字段的初始化值disabled：字段是否不可用，默认为falsefieldLabel：字段标签说明hideLabel：隐藏字段标签，默认为falselabelSeparator：字段标签与字段之间的分隔符，默认为':'labelStyle：字段标签样式inputType：默认为textinvalidClass：默认为x-form-invalidinvalidText：字段非法文本提示msgTarget：错误信息显示的位置，默认为qtipqtip：显示一个浮动的提示信息title：显示一个浏览器的浮动提示信息under：在字段下方显示一个提示信息side：在字段右边显示一个提示信息readOnly：字段是否只读，默认为false validateOnBlur：字段在失去焦点时被验证，默认为true 方法：clearInvalid()：getRawValue()setRawValue( Mixed value )getValue()setValue( Mixed value )isDirty()：字段值在装载后是否被修改过isValid( Boolean preventMark )：当前字段值是否合法markInvalid( [String msg] )validate()reset()。

Ext.Function方法列表

Ext.Function⽅法列表⽅法名说明alias(Object/Function object,String methodName):Function 创建别名函数参数说明:object,包含⽅法的对象, methodName,⽅法名称实例:var o={say:function(){alert('hello');}}var fn=Ext.Function.alias(o,'say'); fn();bind(Function fn,[Object scope],[Array args], [Boolean/Number appendArgs]):Function 创建指定函数的代理函数参数说明:fn,需要被代理的函数scope,(可选)该对象将作为代理函数的作⽤域 args,(可选)参数数组appendArgs,(可选)如果为true,则args将附加在参数列表之后,如果是数值,则agrs将在参数列表的appendargs位置插⼊createBuffered(Function fn,Number buffer, [Object scope],[Array args]):Function 创建换从函数,如果在缓冲时间范围内该函数被重复调⽤则第⼀次调⽤将被取消,重新开始计算缓冲时间参数说明:fn,需要被缓冲的原始函数buffer,函数执⾏额缓冲时间,单位是毫秒,scope,(可选)该对象将作为代理函数的作⽤域 args,(可选)参数数组createDelay(Function fn,Number delay,[Object scope],[Array args], [Boolean/Number appendArgs]):Function 创建指定函数的延时代理函数参数说明：fn，需要被缓冲的原始函数delay，延时时间（毫秒）scope，（可选）函数的作⽤域args，（可选）参数数组appendArgs,(可选)如果为true,则args将附加在参数列表之后,如果是数值,则agrs将在参数列表的appendargs位置插⼊createInterceptor（FunctionorigFn，Function newFn,[Object scope],创建原始函数的拦截函数参数说明:origFn,原始函数newFn，新的拦截函数，该函数将在原始函数调⽤前被调⽤，该函数返回false则原函数将不会被[Mixed retuenValue]）:Function执⾏scope，（可选）拦截函数的作⽤域，默认为原函数的作⽤域货windowreturnValue，返回值createSequence（Function origFn，Function newFn，[Object scope]）：Function 创建原始函数的组合代理函数、原函数地爱⽤后会继续调⽤组合函数，但返回值还是原始函数的返回值参数说明：origFn,原始函数newFn，新的组合函数scope，（可选）组合函数的执⾏范围createThrottled（Object fn，Object interval，[Object scope]）：Function 创建执⾏函数的减速代理，当该函数被快速反复调⽤时，只有在上次调⽤完成的指定时间间隔之后才会被调⽤参数说明：fn，原始函数interval，减速的时间间隔，单位为毫秒scope，（可选）减速函数的执⾏范围defer（Function fn，Number millis，[Object scope]，[Array args]，[Boolean/Number appendArgs]):Number 创建指定函数延时代理参数说明：fn，原始函数millis，延时时间，单位为毫秒scope，（可选）组合函数的执⾏范围args，（可选）参数数组appendArgs,(可选)如果为true,则args将附加在参数列表之后,如果是数值,则agrs将在参数列表的appendargs位置插⼊pass（Function fn,Array args,[Object scope]）:Function 创建当前函数的回调函数,允许将多个参数绑定到⼀个函数参数说明:fn,原始函数agrs,参数数组scope,(可选)组合参数的执⾏范围实例:var originalFcuntion=function(){alert(Ext.Array.from(arguments).join(' '));}var callback=Ext.Function.pass(originalFcuntion, ['Hello','World']);callback();//执⾏结果为'Hello World'callback('by me');//执⾏结果为 'Hello World by me'。

Extjs常用函数和事件

Ext类1. Ext.onReady(Function fn,Object scope,boolean override)2. Ext.get(Mixed el)3. Ext.select(String/Array selector,[Boolean unique],[HTMLElement/String r oot])4. Ext.query(String path,[Node root])5. Ext.getCmp(string id)6. Ext.getDom(Mixed el)7. Ext.isEmpty(Mixed value,[Boolean allowBlank])8. space(string namespace1,string namespace2,string etc)9. Ext.each(Array/NodeList/Mixed array,Function fn,object scope)10. Ext.apply(Object obj,Object config,Object defaults)Ext.DomHelper11. Ext.DomHelper.append(Mixed el,Object/String o,[Boolean returnElem ent])12. Ext.DomHelper.applyStyles(string/HTMLElement el,String/Object/Func tion styles)13. Ext.DomHelper.createTemplate(Object o)14. Ext.DomHelper.insertAfter(Mixed el,Object o,[Boolean returnElement])15. Ext.DomHelper.insertBefore(Mixed el,Object/string o,[Boolean returnE lement])16. Ext.DomHelper.insertFirst(Mixed el,Object/string o,[Boolean returnEle ment])17. Ext.DomHelper.insertHtml(string where, HTMLElement el,string html)18. Ext.DomHelper.overwrite(Mixed el,object/string o,[Boolean returnEle ment])Ext.DomQuery19. pile(string selector,[string type])20. Ext.DomQuery.filter(Array el,string selector,Boolean nonMatches)21. Ext.DomQuery.is(string/HTMLElement/Array el,string selector)22. Ext.DomQuery.select(string selector,[Node root])23. Ext.DomQuery.selectNode(string selector,[Node root])Ext.util.CSS24. Ext.util.CSS.createStyleSheet(string cssText,string id)25. Ext.util.CSS.getRule(string/Array selector,Boolean refreshCache)26. Ext.util.CSS.swapStyleSheet(string id,string url)27. Ext.util.CSS.removeStyleSheet(string id)Ext.util.ClickRepeater只有三个事件click() mousedown() nouseup()Ext.util.DelayedTaskcanelc() delay()Ext.util.Format提供常用的格式化方法28 Ext.util.Format.ellipsis(string value,Number length) //将指定字符串超长部分用省略号代替并返回29 Ext.util.Format.capitalize(string value) //将指定字符串转换成小写并返回30 Ext.util.Format.date(Mixed value,[string format]) //将日期文本按指定的格式进行转换31 Ext.util.Format.htmlEncode(string value) //将参数Value进行ht ml字符的替换并返回32 Ext.util.Format.htmlDecode(string value) //htmlEncode的逆过程33 Ext.util.Format.stripTags(Mixed value) //将字符串中的html标签进行替换并返回替换后的字符串34 Ext.util.Format.substr(string value,Number start,Number length) //截取value从start到length间的字符并返回Ext.util.JSON编码和解码对象35. Ext.util.JSON.decode(string json)36. Ext.util.JSON.encode(Mixed o)Ext.util.MixedCollection37. Ext.util.MixedCollection.add(string key,object o) //将对象加入到集合38. Ext.util.MixedCollection.addAll(object/Array objs):void //将数组中的对象加入到集合中39. Ext.util.MixedCollection.clear():void //从集合中移除所有对象40. Ext.util.MixedCollection.clone() //克隆集合41. Ext.util.MixedCollection.contains(object o):Boolean //匹配集合中的关联对象(是否包含对象)Ext.util.MixedCollection.containsKey(string key):Boolean //匹配集合中的关联对象(是否包含该key)42. Ext.util.MixedCollection.each(Function fn,[object scope]):void //迭代集合中的对象，调用指定的方法43. Ext.util.MixedCollection.first():object //获取集合中的第一个对象Ext.util.MixedCollection.get(string/Number key):object //获取集合总与指定的key关联的对象44. Ext.util.MixedCollection.getCount():Number //取得数组数量45. Ext.util.MixedCollection.getKey(object item):object //取得指定对象的索引46. Ext.util.MixedCollection.indexof(object o):Number //取得指定对象在集合中的位置下标47. Ext.util.MixedCollection.indexofkey(string key):Number //根据索引取得对象在集合中的下标48. Ext.util.MixedCollection.item(string/Number key):object //根据在集合中的指定索引或下标取得对象49. Ext.util.MixedCollection.itemAt(Number index):object //根据在集合中的指定下标取得对象50. Ext.util.MixedCollection.key(string/Number key):object //根据在集合中的关联时的索引取得对象51. Ext.util.MixedCollection.remove(object o):object //移除集合中的关联对象52. Ext.util.MixedCollection.removeAt(Number index):object //根据下标移除集中的关联对象53. Ext.util.MixedCollection.removeKey(string key):object //根据索引移除集合中关联对象54. Ext.util.MixedCollection.replace(string key,[o {object}]):object//替换对象类中重要的事件55. add(Nimber index,object o,string key) //当向一个集合中添加一个对象结束并成功后触发此事件56. clear //移除所有对象时触发此事件57. remove(object o,[string key]) //移除指定的对象时的事件58. replace(string key,object old,object new) //替换对象时的事件Ext.util.TaskRunner59. Ext.util.TaskRunner([Number interval]) //新创建一个定时任务60. Ext.util.TaskRunner.start([object task]):object //启动一个线程61. Ext.util.TaskRunner.stop(object task):object //停止指定的任务线程62. Ext.util.TaskRunner.stopAll():void /停止所有线程的执行Ext.util.TextMetrics //得到块状化文本规格63. Ext.util.TextMetrics.bind(string/HTMLElement el):void //将文本块绑定到el元素，同时将el的原有样式应用到文本64. Ext.util.TextMetrics.createInstance(string/HTMLElement el,[Number fi xedWidth]):Ext.util.TextMetrics.Instance65. Ext.util.TextMetrics.getHeight(string text):Number //获取文本的高度66. Ext.util.TextMetrics.getSize(strnig text):object //获取文本的高、宽67. Ext.util.TextMetrics.getWidth(string text):Number //获取文本的宽度68. Ext.util.TextMetrics.measure(string/HTMLElement el,string text,[Number fixedWidth]):object //获取指定节点内文本块的宽、高69. Ext.util.TextMetrics.setFixedWidth(Number width):void //指定文本块的宽Ext.KeyNav为元素提供简单的按键处理方法70. KeyNav(Mixed el,object config) //实例化一个键盘绑定对象71. Ext.KeyNav.disable():void //废弃原有的键盘绑定72. Ext.KeyNav.enable():void //使废弃的键盘绑定重新生效Ext.KeyMap提供更灵活强大的按键处理方法73. KeyMap(Mixed el,object config,[string eventName])74. addBinding(object/Array config):void //给对象添加键盘绑定75. Ext.KeyMap.disable():void //废弃已绑定到Key Map的配置76. Ext.KeyMap.enable():void //使KeyMap废弃的配置重新生效77. Ext.KeyMap.isEnabled():Boolean //如果KeyMap配置是有效的，而返回true，否则返回false。

Ext主要控件总结

Ext 主要控件Ext.form.TimeField:配置项：maxValue ：列表中同意的最大时间maxText ：当时间大于最大值时的错误提示信息minValue ：列表中同意的最小时间minText ：当时间小于最小值时的错误提示信息increment ：两个相邻选项间的时间间隔，默认为15 分钟format ：显示格式，默认为“g:i A ”。

一般使用“H:i:s ”H：带前缀0 的 24 小时i：带前缀0 的分钟s：带前缀0 的秒invalidText ：当时间值非法时显示的提示信息altFormats ：多个时间输入格式构成的字符串，不一样的格式之间使用“| ”进行切割animCollapse ：动画折叠，默认为falsecheckboxToggle ：设置能否显示字段集的checkbox 选择框，默认为falsecheckboxName ：指定字段集顶用于睁开或隐蔽字段集面板的checkbox 的名字，该属性只有在checkboxToggle 为 true 时奏效labelWidth ：字段标签的宽度，能够级联到子容器layout ：布局，默认为formmaxValue ：同意选择的最大日期maxText ：当天期大于最大值时的错误提示信息minValue ：同意选择的最小时间minText ：当天期小于最小值时的错误提示信息format ：日期显示格式，默认为“m/d/y ”，一般使用“Y-m-d”Y：四位年份m：带前缀0 的月份d：带前缀0 的日期y：两位年份n：不带前缀0 的月份j ：不带前缀0 的日期w：礼拜的数字，0 表示礼拜日， 1 代表礼拜一showToday ：能否显示今日按钮，默认为truealtFormats ：多个日期输入格式组成的字符串，不同的格式之间使用“ | ”进行分割，默认值为 'm/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'disabledDates ：严禁选择的日期构成的数组disabledDatesText ：选择禁选日期时显示的提示信息disabledDays ：严禁选择的礼拜构成的数组，0 代表礼拜日， 1 代表礼拜一disabledDaysText ：选择禁选礼拜时显示的提示信息invalidText ：当天期值非法时显示的提示信息方法：getValue() ：获得日期值displayField ：被显示在下拉框中的字段名editable ：能否可编写，默认为trueforceSelection ：输入值能否严格为待选列表中存在的值。

ext 时间函数

ext 时间函数（原创版）目录1.Python 中的时间函数2.时间函数的使用方法3.时间函数的常见用法4.时间函数的注意事项正文在 Python 编程语言中，时间函数是一个非常实用的功能，它可以帮助我们获取当前的时间，并进行各种时间相关的操作。

Python 中的时间函数主要包括以下几个方面：1.Python 中的时间函数Python 中的时间函数主要包括 time 模块和 datetime 模块。

time 模块提供了一些基本的时间操作，例如获取当前时间、格式化时间等。

datetime 模块则提供了更高级的时间操作，例如日期和时间的解析、时间的计算等。

2.时间函数的使用方法在使用 Python 的时间函数之前，我们需要先导入 time 模块或datetime 模块。

例如，如果我们想要获取当前时间，可以使用 time 模块中的 time() 函数，或者 datetime 模块中的 datetime.now() 函数。

下面是一个简单的示例：```pythonimport timecurrent_time = time.time()print("当前时间：", current_time)import datetimecurrent_datetime = datetime.datetime.now()print("当前日期时间：", current_datetime)```3.时间函数的常见用法Python 中的时间函数有很多用途，下面我们来介绍一些常见的用法：(1) 获取当前时间：使用 time 模块的 time() 函数或 datetime 模块的 datetime.now() 函数可以获取当前时间。

(2) 格式化时间：使用 time 模块的 strftime() 函数可以格式化时间。

例如，我们可以将时间格式化为“年 - 月-日时：分:秒”的格式。

(3) 计算时间差：使用 time 模块的 time() 函数可以计算两个时间之间的差值。