Ext中文学习文档.docx
- 文档编号:11208955
- 上传时间:2023-02-25
- 格式:DOCX
- 页数:66
- 大小:63.32KB
Ext中文学习文档.docx
《Ext中文学习文档.docx》由会员分享,可在线阅读,更多相关《Ext中文学习文档.docx(66页珍藏版)》请在冰豆网上搜索。
Ext中文学习文档
Ext中文学习文档
Ext类
addBehaviors(Objectobj):
void对选择的元素应用事件侦听器,事件名以@附加在结尾,例如
addBehaviors
({//id=foo下所有的a标签加入click事件
'#fooa@click':
function(e,t){//dosomething },//用,分隔多个选择器
'#fooa,#barspan.some-class@mouseover':
function(){//dosomething }
});
apply(Objectobj,Objectconfig,Objectdefaults):
Object
从config拷贝所有的属性到obj,如果有defaults参数,也将拷贝其属性到obj
applyIf(Objectobj,Objectconfig):
Object
从config拷贝所有属性至obj(如果obj未定义相应属性)
decode(Objectobj):
String
编码一个对象/数组或其它值为一个json格式字符串(支持对象,数组,日期,字符串)
destroy(Mixedarg1,Mixed(optional),Mixed(optional)):
void
尝试去移除每个传入的对象,包括DOM,事件侦听者,并呼叫他们的destroy方法(如果存在)
each(Array/NodeList/Mixedarray,Functionfn,Objectscope):
void
利用array中的每个元素迭代调用fn.直到fn返回假,调用格式fn.call(scope||array[i],array[i],i,array);
encode(Stringjson):
Object
将一个json格式字符串反序列化为对象
escapeRe(Stringstr):
String为字符串正则编码将.在*+?
^${}()|[]/\字符前加\
extend(Objectsubclass,Objectsuperclass,[Objectoverrides]):
void
从superclass类继承subclass,overrides参数是要重载的方法列表,详见override
fly(String/HTMLElementel,[Stringnamed]):
Element
得到全局共享的一个浮动元素el,如果有多个浮动元素可以使用命名以避免潜在的冲突
get(Mixedel):
Element
得到一个Element对象,参数可以是id或DOM节点或已存在的Element对象
getBody():
Element
得到当前文档的body对象
getCmp(Stringid):
Component
通过id得到一个Component对象
getDoc():
Element
得到当前文档
getDom(Mixedel):
HTMLElement
通过id或节点或Element对象返回一个DOM节点
id([Mixedel],[Stringprefix]):
String
为对象el生成一个惟一id,如果对象本身已有id,将不会被改变(可以使用前导符prefix)
isEmpty(Mixedvalue,[BooleanallowBlank]):
Boolean
判断值是否为空,null,undefined或空字符串将返回真,如果allowBlank定义为真,空字符串将不被视为空
namespace(Stringnamespace1,Stringnamespace2,Stringetc):
void
创建一个命名空间,例
Ext.namespace('Company','Company.data');
Company.Widget=function(){...}
Company.data.CustomStore=function(config){...}
num(Mixedvalue,NumberdefaultValue):
Number
将value转为数值,如果value不是合法的数值类型,将返回defaultValue,其实defaultValue并不一定要求是数值类型,只要你愿意
onReady(Functionfn,Objectscope,booleanoverride):
void
当文档准备好了之后引发fn,发生在page的onload事件之前,并且图片此时都还没有载入,scope定义执有者,override定义scope是否有默认的选择
override(Objectorigclass,Objectoverrides):
void
利用overrides重写origclass的方法,例
Ext.override(MyClass,{
newMethod1:
function(){ //etc. },
newMethod2:
function(foo){ //etc. }
});
query(Stringpath,[Noderoot]):
Array
通过path,在root中选择节点数组,path可以是以下四种选择器之一
[元素选择器]例:
*任意节点E一个E标签元素EF祖先节点为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-childE节点是父节点中第一个子节点E:
last-childE节点是父节点中最后一个子节点
E:
nth-child(n)E是父节点中每n个节点E:
nth-child(odd)E是父节点中的奇数节点
E:
nth-child(even)E是父节点中的偶数节点E:
only-childE是父节点中惟一的子节点
E:
checkedchecked属性为真的节点E:
first子孙节点中的第一个E节点
E:
last子孙节点中的最后一个E节点E:
nth(n)子孙节点中的第n个E节点
E:
oddE:
nth-child(odd)的简写E:
evenE:
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(Mixedobject):
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/Arrayselector,[Booleanunique],[HTMLElement/Stringroot]):
CompositeElementLite/CompositeElement
在root内通过样式选择器或元素数组selector选择元素或元素列表,unique指示是否只选择惟一值
urlDecode(Stringstring,[Booleanoverwrite]):
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(Objecto):
String
将json对象编码为url格式字符串,参见urlDecode
type(Mixedobject):
String
得到object类型,如果不为以下列举值之一则返回false
Array类
indexOf(Objecto):
Number
object是否在数组中,找不到返回-1;找到返回位置
remove(Objecto):
Array
从数组中删除指定的对象object,如果找不到object则数组无变化
Number类
constrain(Numbermin,Numbermax):
Number
检查数值是否介于min与max之间,如果大于max返回max,如果小于min返回min,否则返回当前值
String类
escape(Stringstring):
String将string中的'和\替换为\'\\
format(Stringstring,Stringvalue1,Stringvalue2):
String
格式化字符串,例:
varcls='my-class',text='Sometext';
vars=String.format('
leftPad(Stringstring,Numbersize,[Stringchar]):
String
以char将string补齐为size长度,char默认定义空格
toggle(Stringvalue,Stringother):
String
交换值,如果当前值等于value,则被赋值other,反之等于value,例:
sort=sort.toggle('ASC','DESC');
trim():
String去除开头或结尾多余的空格
Date类
Date.parseDate(Stringinput,Stringformat):
Date
将字符串string依指定的格式format转换为时间,其中格式定义详见format方法
例:
dt=Date.parseDate("2006-01-153:
20:
01PM","Y-m-dh:
i:
sA");
add(Stringinterval,Numbervalue):
Date
增加时间段,Stringinterval在Data类中已定义
Date.MILLI="ms";Date.SECOND="s";Date.MINUTE="mi";Date.HOUR="h";Date.DAY="d";
Date.MONTH="mo";Date.YEAR="y";例vardt2=newDate('10/1/2006').add(Date.DAY,-5);
between(Datestart,Dateend):
Boolean是否在两个指定的时间之间
clearTime(Booleanclone):
Date
清除时间信息,如果clone为真,则克隆自已并返回新Date,本身的值并不改变,反之则修改自身的值
clone():
Date克隆
format(Stringformat):
String
格式化时间
d 两位数的日期 01至31D 三字母的星期名 Mon至Sun
j 一位数的日期 1至31l 完整的星期名 Sunday至Saturday
S 日期的英文顺序刻词尾,两个字符 st,nd,rdorth.w 一周中的第几天 0(星期天)至6(星期六)
z 一年中的第几天 0至364(闰年365)W ISO-8601星期数,周一算一个星期的开始 1至53
F 月的完整英文名 January至Decemberm 月,以0前导 01至12
M 三字母的简写月名 Jan至Decn 月 1至12
t 本月有多少天 28至31L 是否闰年 1/0
Y 完整的年份 例:
1999或2003y 年的后两位 例:
99或03
a 上午/下午小写 am或pmA 上午/下午大写 AM或PM
g 小时/12小时制 1至12G 小时/24小时制 0至23
h 小时/12小时制 01至12H 小时/24小时制 00至23
i 分钟 00至59s 秒 00至59
u 毫秒 001至999O 时区,与格林威治标准时间之差 例:
+0200
T 时区简写 例:
EST,MDT...Z 时区间距 -43200至50400
其中Date类内置了几种格式
Date.patterns={
ISO8601Long:
"Y-m-dH:
i:
s", ISO8601Short:
"Y-m-d", ShortDate:
"n/j/Y", LongDate:
"l,Fd,Y",
FullDateTime:
"l,Fd,Yg:
i:
sA", MonthDay:
"Fd", ShortTime:
"g:
iA", LongTime:
"g:
i:
sA",
SortableDateTime:
"Y-m-d\\TH:
i:
s", UniversalSortableDateTime:
"Y-m-dH:
i:
sO", YearMonth:
"F,Y"
};
当然ISO8601Long和ISO8601Short还是非常招人喜欢的例:
dt.format(Date.patterns.ISO8601Long);dt.format('Y-m-dH:
i:
s');
getDayOfYear():
Number一年中的第几天,从0开始
getDaysInMonth():
Number本月有多少天,
getElapsed([Datedate]):
Number当前日期对象与date之间相差的毫秒数
getFirstDateOfMonth():
Date本月的第一天
getFirstDayOfMonth():
Number本月第一天是星期几
getGMTOffset():
String时区信息(见格式定义中的'O')
getFirstDateOfMonth():
Date本月最后一天
getFirstDayOfMonth():
Number本月最后一天是星期几
getSuffix():
String日期后导符(见格式定义中的S)
getTimezone():
String时区(见T)
getWeekOfYear():
Number一年中的第几周(见W)
isLeapYear():
Boolean是否闰年
Function类
createCallback(/*args...*/):
Function创建回叫方法
createDelegate([Objectobj],[Arrayargs],[Boolean/NumberappendArgs]):
创建委托
这两个记法除了传参方式不同,看不出有什么差异都是调用method.apply,createCallback可以看作一个简化版的createDelegate
createCallback==>returnmethod.apply(window,args);
createDelegate==>returnmethod.apply(obj||window,callArgs);
前者参数比较简单,直接传过去了,后者的规则比较复杂点,如果appendArgs为真,args将附加在参数列表之后,如果是数值,args将在参数列表的appendargs位置插入,其它情况下原参将不起作用例:
varfn=func1.createDelegate(scope,[arg1,arg2],true)//fn(a,b,c)===scope.func1(a,b,c,arg1,arg2);
varfn=func1.createDelegate(scope,[arg1,arg2])//fn(a,b,c)===scope.func1(arg1,arg2);
varfn=func1.createDelegate(scope,[arg1,arg2],1)//fn(a,b,c)===scope.func1(a,arg1,arg2,b,c);
varfn=func1.createCallback(arg1,arg2);//fn()===func1(arg1,arg2)
createCallback:
function(/*args...*/)
createInterceptor(Functionfcn,[Objectscope]):
Function创建阻断方法,如果fcn返回false,原方法将不会被执行
createSequence(Functionfcn,[Objectscope]):
Function创建组合方法,执行原方法+fcn
defer(Numbermillis,[Objectobj],[Arrayargs],[Boolean/NumberappendArgs]):
Number
定时执行,隔millis毫秒后执行原方法
Ext.DomQuery类
selector语法详见Ext类
compile(Stringselector,[Stringtype]):
Function
编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一
filter(Arrayel,Stringselector,BooleannonMatches):
Array
过滤el中的元素,保留符合selector的,如果nonMatches为真,结果相反
is(String/HTMLElement/Arrayel,Stringselector):
Boolean验证el是否匹配selector
select(Stringselector,[Noderoot]):
Array从root中选择匹配selector的对象数组
selectNode(Stringselector,[Noderoot]):
Element返回root中第一个匹配selector的对象
selectNumber(Stringselector,[Noderoot],NumberdefaultValue):
Number
返回root中第一个匹配selector的对象的节点值,转换为整数或浮点数
selectValue(Stringselector,[Noderoot],StringdefaultValue):
void
返回root中第一个匹配selector的对象的节点值,如果为null,用默认值defaultValue代替
Ext.DomHelper类
append(Mixedel,Object/Stringo,[BooleanreturnElement]):
HTMLElement/Ext.Element
创建一个新的DOM元素并添加到el参数o是一个DOM对象或一个原始html块
applyStyles(String/HTMLElementel,String/Object/Functionstyles):
void
应用样式styles到对象el,样式的对象表示方法见Ext.Element
createTemplate(Objecto):
Ext.Template由o创建一个新的Ext.Template对象,详见Ext.Template
insertAfter(Mixedel,Objecto,[BooleanreturnElement]):
HTMLElement/Ext.Element
insertBefore(Mixedel,Object/Stringo,[BooleanreturnElement]):
HTMLElement/Ext.Element
创建一个新的DOM对象o并将他们挺入在el之后/之前
insertFirst(Mixedel,Object/Stringo,[BooleanreturnElement]):
创建一个新的DOM元素并做为第一个子节点添加到el(看了这个insertFirst,建议将append取一个别名insertLast:
))
insertHtml(Stringwhere,HTMLElementel,Stringhtml):
HTMLElement
where可选值beforeBegin/afterBegin/beforeEnd/afterEnd将html代码插入到el附近,
markup(Objecto):
String返回DOM对象o对应的html代码
overwrite(Mixedel,Object/Stringo,[Booleanretu
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Ext 中文 学习 文档