2008年12月29日

Ext 筆記 1230-1

1. Ext.get(id)可以取得一個Ext object


2. Ext.get(id).dom
可以取得dom object(也就是getElementById的功能)


3. 透過 Ext.get(id).on('event_name',function(e){ your event handle process.... } )


event_name: 就是你要處理的event的種類,像是click,error,load,mouseover,mousedown,mouseup等等。
function:可以傳一個callback function或是向上面一樣,直接將程式寫在裡面。




4. addKeyListener 替物件增加偵測按鍵的功能
(可以利用在textbox上,偵測按鍵,只允許輸入數字)

5. Ext.get(id).addClass()
可以替物件設定多組css class

6. Ext.select



以下是特效的method



7. Ext.get(id).highlight()
讓指定的dom 變色,再漸漸變回原色。 點這裡看 Ext範例
這個範例讓使用者在勾選checkbox以後才顯示分類的dropdownlist
這樣做在一些UI的呈現上,可以保持畫面的整潔,讓使用者更清楚自己的決定。



8.Ext.get(id).slideIn('r',{callback:test});
讓指定的物件依照特定方向展開,相對的有展開當然有收起囉,
你可以用slideOut收起物件 。點這裡看 Ext範例



r 表示從右邊界的中央展開物件(ex: div)
其他還有這些參數值
tl 左上角(默認)
t 上居中
tr 右上角
l 左邊界的中央
c 居中
bl 左下角
b 下居中
br 右下角



{}括號裡有很多其他的參數可以設定,其中callback參數是用來設定callback function,當slideIn執行完畢,就會執行callback function裡面的動作。


9. Ext.get(id).fadeIn( {duration: time, callback: method_name})



這function可以讓物件有淡入淡出的效果,
duration: 要花多久的時間完成淡入或淡出的動作,
callback: 完成淡入淡出的動作以後,會執行這個function