Ext對基本類型的擴展 ext,extjs,format
更新時間:2010年12月25日 18:05:29 作者:
Ext對基本類型的擴展 ext,extjs,format,學習extjs的朋友可以參考下。
1. Array
indexOf(Object o):Number 方法
remove(Object o):Array 方法
2. Date
Javascript對日期時間的操作是不太方便的,而Ext在此基本上加入了比較多的擴展。比較重要的有:
add(String interval,Number value):Date 方法
其中interval表示要加入的周期,有效的字符串為
ms--------表示毫秒
s-----------表示秒
mi---------表示分鐘
h----------表示小時
d---------表示天
mo--------表示月
y---------表示年
這個方法是通過封裝Date.setxxx方法實現的。 另外,該函數不會改變原始日期的值,則是返回一個新的日期對象作為結果。
format(String format):String 方法
基本上,它的用法類似于.net中的日期格式化函數。具體的格式請參見Ext的API。通過閱讀它的源碼,我發(fā)現第次調用該函數時,它首先判斷指定的格式是否曾經調用過,如果沒有調用過,則為該格式動態(tài)生成一個相應的格式化函數,并緩存起來。這樣做可以明顯提高第二次調用的速度。
3. Function
createCallback 方法
為函數生成回調用方法,這個函數怎么起作用呢?
function add(x,y){
return x+y;
}
var add2 = add.createCallback(10,20);
alert(add2());
createDelegate(scope,args,append) 方法
這個方法的作用和createCallback的作用基本相同,不同的地方在于它可以指定調用原始函數的上下文對象,而createCallback方法則始終使用window作為函數調用的上下文。
createInterceptor(fn,[scope])方法
這個方法的作用是為函數創(chuàng)建一個攔截器,在調用原始函數之前先調用fn,如果fn返回false,則不調用原始函數。scope參數指定了調用fn函數的上下文,如果未指定,則和原始函數的上下文相同或者為window對象。
createSequence( Function fn, [Object scope] )
這個方法組合了原始函數和fn,最終的結果是先調用原始函數,然后再用同樣的參數調用fn函數,最返的返回值是原始函數的返回值。
defer( Number millis, [Object scope], [Array args], [Boolean/Number appendArgs] )
這個方法能延時調用原始函數。
var clock = function(){
var d = new Date();
alert(d.toLocaleTimeString());
}
clock();
clock.defer(10000);
4. Number
constrain( Number min, Number max )
不解釋,你懂的。
5. string
format( String string, String value1, String value2… ) : String
它的功能和.net中的格式化基本相同,但比較簡單,不支持在{0:d}這樣的寫法,只支持{0}這樣的寫法。看了它的源代碼,超簡單。
format : function(format){
var args = Ext.toArray(arguments, 1);
return format.replace(/\{(\d+)\}/g, function(m, i){
return args[i];
});
}
基本上,這是一個很有用的函數,可以讓我們少寫拼寫字符串的代碼,那種代碼真的很難看懂。
trim() : String
還算是有點用處,也不解釋。
indexOf(Object o):Number 方法
remove(Object o):Array 方法
2. Date
Javascript對日期時間的操作是不太方便的,而Ext在此基本上加入了比較多的擴展。比較重要的有:
add(String interval,Number value):Date 方法
其中interval表示要加入的周期,有效的字符串為
ms--------表示毫秒
s-----------表示秒
mi---------表示分鐘
h----------表示小時
d---------表示天
mo--------表示月
y---------表示年
這個方法是通過封裝Date.setxxx方法實現的。 另外,該函數不會改變原始日期的值,則是返回一個新的日期對象作為結果。
format(String format):String 方法
基本上,它的用法類似于.net中的日期格式化函數。具體的格式請參見Ext的API。通過閱讀它的源碼,我發(fā)現第次調用該函數時,它首先判斷指定的格式是否曾經調用過,如果沒有調用過,則為該格式動態(tài)生成一個相應的格式化函數,并緩存起來。這樣做可以明顯提高第二次調用的速度。
3. Function
createCallback 方法
為函數生成回調用方法,這個函數怎么起作用呢?
復制代碼 代碼如下:
function add(x,y){
return x+y;
}
var add2 = add.createCallback(10,20);
alert(add2());
createDelegate(scope,args,append) 方法
這個方法的作用和createCallback的作用基本相同,不同的地方在于它可以指定調用原始函數的上下文對象,而createCallback方法則始終使用window作為函數調用的上下文。
createInterceptor(fn,[scope])方法
這個方法的作用是為函數創(chuàng)建一個攔截器,在調用原始函數之前先調用fn,如果fn返回false,則不調用原始函數。scope參數指定了調用fn函數的上下文,如果未指定,則和原始函數的上下文相同或者為window對象。
createSequence( Function fn, [Object scope] )
這個方法組合了原始函數和fn,最終的結果是先調用原始函數,然后再用同樣的參數調用fn函數,最返的返回值是原始函數的返回值。
defer( Number millis, [Object scope], [Array args], [Boolean/Number appendArgs] )
這個方法能延時調用原始函數。
復制代碼 代碼如下:
var clock = function(){
var d = new Date();
alert(d.toLocaleTimeString());
}
clock();
clock.defer(10000);
4. Number
constrain( Number min, Number max )
不解釋,你懂的。
5. string
format( String string, String value1, String value2… ) : String
它的功能和.net中的格式化基本相同,但比較簡單,不支持在{0:d}這樣的寫法,只支持{0}這樣的寫法。看了它的源代碼,超簡單。
復制代碼 代碼如下:
format : function(format){
var args = Ext.toArray(arguments, 1);
return format.replace(/\{(\d+)\}/g, function(m, i){
return args[i];
});
}
基本上,這是一個很有用的函數,可以讓我們少寫拼寫字符串的代碼,那種代碼真的很難看懂。
trim() : String
還算是有點用處,也不解釋。
相關文章
EXTJS記事本 當CompositeField遇上RowEditor
用RowEditor作批量編輯器時,遇到一個問題,想要在Roweditor中使用三個下拉列表組成級聯(lián)式選擇控件2011-07-07
ExtJS 2.0實用簡明教程 之Border區(qū)域布局
Border布局由類Ext.layout.BorderLayout定義,布局名稱為border。2009-04-04
Ext JS 4實現帶week(星期)的日期選擇控件(實戰(zhàn)一)
有一些日期選擇的需求是要看到星期,就是日期中的哪一天是這一年的第幾周,遺憾的是Ext js 并沒有提供這樣的配置,下面為大家分享下理想的解決方法2013-08-08
Extjs Ext.MessageBox.confirm 確認對話框詳解
顯示一個確認對話框,用來代替JavaScript標準的confirm()方法,具有兩個按鈕“是”和“否”如果為其提供一個回調函數,則該函數將在單擊按鈕后被調用(包括右上角的推出按鈕),所單擊按鈕的id將被作為唯一的參數傳遞到回調函數中。2010-04-04

