ext 積累收集

如果你計畫為可編輯的**提供新增行操作，建議定義出乙個ext.data.record的plant，並在建立store時與之繫結，這樣你就可以使用store的insert方法，動態建立乙個plant了（一行新記錄）。

可以說ext的grid已經對各種場景的操作進行了足夠封裝，基本能夠滿足複雜場合下的**應用

簡介:記錄一下extjs的一些簡單使用的方法.備忘...

開始...

在extjs裡最常用的,應該就是ext.onready這個方法了,而且它也可能是你學習extjs所接觸的第乙個方法,這個方法在當前的dom 載入完畢後自動呼叫,保證頁面內的所有元素都能被script所引用.可以嘗試在這個方法中新增一條語句,看看頁面開啟後是什麼反映:

ext.onready(function() {

alert('hello world!');

上面的**將在頁面載入完畢後彈出一對話方塊,列印出'hello world!'字樣.

獲取元素

還有乙個常用的方法,就是獲取頁面上的元素了,extjs提供了乙個get方法,可以根據id取到頁面上的元素:

var mydiv = ext.get('mydiv');

會取到頁面上id為'mydiv'的元素.如果使用element.dom的方法,則可以直接操作底層的dom節點,ext.get返回的則是乙個element物件.

在不能使用這種方式來獲取多個dom的節點,或是要獲取一些id不一致,但又有相同特徵的時候,可以通過選擇器來進行獲取,比如要獲取頁面上所有的

標籤,則可以使用:

var ps = ext.select('p');

這樣你就可以對所要獲取的元素進行操作了,select()方法返回的是ext.compositeelement物件,可以通過其中的each()方法對其所包含的節點進行遍歷:

ps.each(function(el) {

el.highlight();

當然,如果你要是對獲取的所有元素進行相同的操作,可以直接應用於compositeelement物件上,如:

ps.highlight();

或是:ext.select('p').highlight();

當然,select引數還可以更複雜一些,其中可以包括w3c css3dom選取器,基本的xpath,html屬性等,詳細情況,可以檢視domquery api的文件,來了解細節.

事件響應

獲取到了元素,則可能會對一些元素的事件進行一些處理,比如獲取乙個按鈕,我們為它新增乙個單擊事件的響應:

ext.onready(function() {

ext.get('mybutton').on('click', function() {

alert('you clicked the button!');

當然,你可以把事件的響應加到通過select()方法獲取到的元素上:

ext.select('p').on('click', function() {

alert('you clicked a paragraph!');

widgets

訊息視窗

將前面的alert()方法替換一種extjs提供的方案:

ext.onready(function() {

ext.get('mybutton').on('click', function() {

alert('you clicked the button!');

ext 積累 收集