Ext核心API詳解(四)

2021-08-30 07:27:05 字數 2644 閱讀 3832

ext.domquery類

selector語法詳見ext類

compile( string selector, [string type] ) : function

編寫乙個選擇器或xpath查詢到乙個方法以方便重用,type取select(預設)或******值之一

filter( array el, string selector, boolean nonmatches ) : array

過濾el中的元素,保留符合selector的,如果nonmatches為真,結果相反

is( string/htmlelement/array el, string selector ) : boolean

驗證el是否匹配selector

select( 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類

建立乙個新的dom元素並新增到el

引數 o 是乙個dom物件或乙個原始html塊

應用樣式styles到物件el, 樣式的物件表示方法見ext.element

createtemplate( object o ) : ext.template

由o建立乙個新的ext.template物件,詳見 ext.template

insertafter( mixed el, object o, [boolean returnelement] ) : htmlelement/ext.element

insertbefore( mixed el, object/string o, [boolean returnelement] ) : htmlelement/ext.element

建立乙個新的dom物件o並將他們挺入在el之後/之前

insertfirst( mixed el, object/string o, [boolean returnelement] ) :

inserthtml( string where, htmlelement el, string html ) : htmlelement

where 可選值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片斷,例

var t = new ext.template(

'',' ',''

);公用方法:

template( string/array html )

構造乙個ext.template物件,引數可以是字串形式的html**或它們組成的陣列,

template.from( string/htmlelement el, object config ) : ext.template

能過el的value(優先)或innerhtml來構造模板

insertafter( mixed el, object values, [boolean returnelement] ) : htmlelement/ext.element

insertbefore( mixed el, object values, [boolean returnelement] ) : htmlelement/ext.element

insertfirst( mixed el, object values, [boolean returnelement] ) : htmlelement/ext.element

這組方法提供由 value產生的html **,並新增到dom 做為el的最後乙個子節點/下乙個兄弟節點/前乙個兄弟節點/第乙個子節點

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核心API詳解 五

ext.eventmanager eventobject compositeelement compositeelementlite ext.eventmanager 事件管理者中的大部分方法都在ext中有定義,主要用於事件管理 addlistener string htmlelement el,s...

EXT核心API詳解 五

eventmanager eventobject compositeelement compositeelementlite類 ext.eventmanager 事件管理者中的大部分方法都在ext中有定義,主要用於事件管理 addlistener string htmlelement el,stri...

Ext核心API詳解(六)

ext.fx類 對於我這樣的懶鬼而言,fx類是核心類庫中最激動人心的乙個類,它不是最重要的,卻是最實用的乙個類 定義了一些常用的特效方法,不妨自己多動手試試下面的方法,很有趣的 fadein object options ext.element 漸顯 options引數有以下屬性 callback ...