ext學習筆記一

2021-09-05 23:09:28 字數 1055 閱讀 1589

ext.onready這個方法是指當前dom載入完畢後,保證頁面內的所有元素能被script引用

ext.onready(function(){

alert("嗯,ext第乙個程式!");

通過id獲取dom節點

傳統:var testdiv=document.getelementbyid("testdiv");沒有任何問題,為了要讓這個節點幹點事情,我們還要手工編寫不少**;另外對於不同瀏覽器間的差異,處理起來也是個麻煩的問題。

ext的做法

var testdiv=ext.get("testdiv");

我們可以對獲取到的這個物件,做各種各校的dom節點操作,如(增加或刪除 css類選擇器,事件,定位,拖放等)

舉個例子:

testdiv.addclass("red");//新增乙個class="red"

testdiv. center();//將元素居中

testdiv.setopacity(.25);//使元素半透明

獲取多個dom的節點

通常獲取多個dom節點,難以依靠id的方式來獲取。有可能因為沒設定id,或者是多個id容易導致衝突,又或者直接用id方式引用太多元素。

這種情況下,我們不會用id來作為獲取元素的依據,可能會用屬性(attribute) 或css classname代替。基於以上原因,ext引入了乙個功能強大的dom selector庫,叫做domquery。

domquery可作為單獨的庫使用(domquery.js

) 但常用於ext,令人欣喜的是,元素物件本身就有element.select的方法來實現,即內部呼叫domquery選取元素。

示例:下面的**中沒有乙個p標記是有id的,而我們想輕鬆地通過一次操作馬上獲取每乙個段落p,全體執行它們的動作,可以這樣做。

p標記 p標記

p標記 p標記

p標記p標記

domquery的選取引數是一段較長的陣列,其中包括w3c css3 dom選擇器、基本xpath,html屬性等。。。

ext學習筆記

1.當設定combox從遠端載入資料,並且指定了valuefield和displayfield時,要想在伺服器端獲取valuefield的值,則必須指定hiddenname,並且該字段的值應該和name欄位一致,但是此時不能再指定id欄位,否則將出現 下拉列表出現 的位置不是在combox的正下方,...

Ext 學習筆記 1

01 在專案中使用ext需要把ext裡面的ext all.js adapter ext base.js src locale ext lang zh cn.js和整個resources目錄 02 ext lang zh cn.js的作用是將ext中文字的語言自動翻譯成中文,如 不引用此js時ext....

Ext 學習筆記 2

1.panel的屬性 el 表示需要渲染的頁面元素,一般使用元素的id屬性,如 btntest 但是使用el屬性後必須要使用panel.render 方法來真正開始渲染頁面元素,否則不會出現效果,也可以直接使用panel的 renderto 屬性,這樣就不用再去呼叫render 方法啦,例 el屬性...