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