學(xué)習(xí)ExtJS TextField常用方法
更新時間：2009年10月07日 22:41:42 作者：
ExtJS TextField常用方法
一、屬性
fieldLabel：標(biāo)簽名稱。
labelWidth：標(biāo)簽寬度。
ID：文件框ID。
二、構(gòu)造參數(shù)
listeners：在對象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getCmp(string _id)：得到id為_id的組件對象。
getValue()：得到文件框值。
四、其它
layout：只在在此布局下才能正確顯示文件框的標(biāo)簽名，布局的宿主對象必面
是Ext.Container或者Ext.Container的子類。
在應(yīng)用FormLayout布局時只要在宿主對象的構(gòu)造參數(shù)中指定layout:"form"即可。
五、應(yīng)用舉例
Ext.onReady(function(){
var _panel = new Ext.Panel({
renderTo:Ext.getBody(),
layout:"form",
labelWidth:30,
listeners:{
"render":function(_panel){
_panel.add(new Ext.form.TextField({
id:"txt_name",
fieldLabel:"姓名"
})) ;
}
}}) ;
new Ext.Button({
text:"確 定",
renderTo:Ext.getBody(),
handler:function(){
alert(Ext.getCmp("txt_name").getValue()) ;
}
}) ;
}) ;
fieldLabel：標(biāo)簽名稱。
labelWidth：標(biāo)簽寬度。
ID：文件框ID。
二、構(gòu)造參數(shù)
listeners：在對象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getCmp(string _id)：得到id為_id的組件對象。
getValue()：得到文件框值。
四、其它
layout：只在在此布局下才能正確顯示文件框的標(biāo)簽名，布局的宿主對象必面
是Ext.Container或者Ext.Container的子類。
在應(yīng)用FormLayout布局時只要在宿主對象的構(gòu)造參數(shù)中指定layout:"form"即可。
五、應(yīng)用舉例
復(fù)制代碼 代碼如下:
Ext.onReady(function(){
var _panel = new Ext.Panel({
renderTo:Ext.getBody(),
layout:"form",
labelWidth:30,
listeners:{
"render":function(_panel){
_panel.add(new Ext.form.TextField({
id:"txt_name",
fieldLabel:"姓名"
})) ;
}
}}) ;
new Ext.Button({
text:"確 定",
renderTo:Ext.getBody(),
handler:function(){
alert(Ext.getCmp("txt_name").getValue()) ;
}
}) ;
}) ;
相關(guān)文章
面版表示頁面上的一塊相對獨(dú)立的區(qū)域，利用傳統(tǒng)的html+css要構(gòu)建靈活統(tǒng)一的區(qū)域并非易事。2010-01-01
Ext JS 4實(shí)現(xiàn)帶week(星期)的日期選擇控件(實(shí)戰(zhàn)一)
有一些日期選擇的需求是要看到星期，就是日期中的哪一天是這一年的第幾周，遺憾的是Ext js 并沒有提供這樣的配置，下面為大家分享下理想的解決方法2013-08-08
Extjs的FileUploadField文件上傳出現(xiàn)了兩個上傳按鈕
Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個上傳按鈕，這個是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下2014-04-04
ExtJs擴(kuò)展之GroupPropertyGrid代碼
這幾天做一個Web項(xiàng)目，使用了ExtJs，其中有個像設(shè)計(jì)器一樣的界面，選擇界面上的內(nèi)容，可以直接編輯內(nèi)容的屬性，這個原本來說對于使用ExtJs還是很簡單的。2010-03-03
Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串，F(xiàn)irefox與IE均支持，感興趣的朋友可以參考下2013-04-04
extjs每個組件要設(shè)置唯一的ID，否則會造成各種錯誤。EXTJS基本上是靠ID來識別組件的2014-06-06
Exitjs DataView中圖片文件名獲取實(shí)現(xiàn)代碼。2009-11-11
學(xué)習(xí)ExtJS（二） Button常用方法
ExtJS Button常用方法，需要學(xué)習(xí)的朋友可以參考下。2009-10-10
ExtJS fit布局使用說明，需要的朋友可以參考下。2009-10-10
本文介紹在桌面程序開發(fā)中很常用也很簡單的工具欄和菜單，但是在通常的web開發(fā)中，要實(shí)現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開發(fā)的方法來開發(fā)web的工具欄和菜單。2010-01-01