extjs幾種常用方法

2022-04-13 14:06:20 字數 1984 閱讀 4992

1,提交

這種情況一般用於登入介面,也在表單提交應用比較多,大多是乙個button的提交事件,**為:

var loginform =........;

if(loginform .form.isvalid()) ,

failure :

function

(form, action) ,

});}

2,請求request

這種多用於請求少量資料,或者刪除操作等,跟submit的區別就是,只要request接收到從伺服器返回的結果,都是走success,不管返回的值是什麼,**為:

ext.ajax.request(,

failure:

function

(response)

});

3.資料store

常用的應該分為兩種,一種是treestore樹形資料,另一種就是gridstore**資料,

首先樹形資料treestore**:

樹形又分兩種,一種是分級載入,一種是全部載入,分級載入,是點選乙個節點,然後將這個節點,傳送給服務端,由服務端,根據節點載入資料,主要用於層級結構比較多,資料量比較大的情況;全部載入就是一次性將整個樹形資料都獲取過來,用於小型樹。

首先看分級載入:

ext.define('ums.data.mytreedata.store', 

},root:

});

全部載入:看過上面那個,這個就簡單多了

ext.create('ext.data.treestore', 

}});

接著是gridstore,**資料,一般資料比較多的時候,都是需要分頁的,所以,連同分頁控制項,一起寫上了,**:

var itemsperpage = 20;//

這個是每頁顯示的條數,根據實際情況定

ext.define('ums.data.gridstore', ,

fields: ['id','username','name','email',],

pagesize:itemsperpage,

//每頁大小

proxy:

},sorters:

});

4 combox下拉框中為乙個樹或者panel:

ext.define('ums.treecombobox',),//

這個不用改

editable : false

, resizable:

false

, readonly:

false

, editable:

false

, _idvalue :

null,//

這條跟下面這條是自己加的屬性,為這個新控制項的id和text

_txtvalue : null

, initcomponent :

function

() }

})});

//定義樹形的點選事件,主要就是框體內文字的顯示,以及收回面板

treeobj.on('itemclick',function

(view,rec)

});treeobj.on('beforeitemexpand',function

( node, eopts )); //

這裡是必要的,不要改

this

.on(

'expand',function

(),300,this

); }

});}, getvalue :

function(),

gettextvalue :

function(),

setlocalvalue :

function(txt,id)

});

ExtJS中其它常用方法

createchild在元素中插入由domhelper物件建立的元素 span.createchild span.backgroundcolor yellow 利用字串設定樣式 span.利用物件設定樣式 span.function setbkcolor 利用函式設定樣式span.setstyle ...

學習ExtJS(二) Button常用方法

extjs button常用方法,需要學習的朋友可以參考下。一 屬性 renderto 將當前物件所生成的html物件存放在指定的物件中 text 得到按鈕名稱 minwidth 按鈕最小寬度 hidden 按鈕的隱藏或顯示 true or false 二 構造引數 handler 指定乙個函式控制...

ExtJs預設的字型大小改變的幾種方法

1 只需把ext all.css樣式檔案中的所有11px換成12px,這樣就為統一的12px的字型了。但是如果再想增大,那麼這時候不光是把原始檔的11px換成15px,而且需要把裡面和font有關的12px換成15px。改完之後按鈕出現毛邊,在樣式檔案中加 複製 如下 ext ie x btn te...