學(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)文章
知道表單面板如何創(chuàng)建 了解表單面板中xtype的類型的應(yīng)用 知道表單面板如何驗證，綁定，取值 綜合應(yīng)用表單面板（玩轉(zhuǎn)它）2010-06-06
這幾天做一個Web項目，使用了ExtJs，其中有個像設(shè)計器一樣的界面，選擇界面上的內(nèi)容，可以直接編輯內(nèi)容的屬性，這個原本來說對于使用ExtJs還是很簡單的。2010-03-03
常用Extjs工具:Extjs.util.Format使用方法
常用Extjs工具:Extjs.util.Format使用方法，需要的朋友可以參考下2012-03-03
對gridPanel中的stroe數(shù)據(jù)進(jìn)行過濾，所以有時候總是導(dǎo)致gridPanel自身所帶的scrollbar失效，好了，現(xiàn)在來說說怎么解決scrollbar失效2014-09-09
Extjs中ComboBoxTree實現(xiàn)的下拉框樹效果(自寫)
最近涉及到的一個項目中，需要實現(xiàn)ComboBoxTree的效果，由于在Extjs中是沒有這種效果，所以看看別人的資料自己寫了一個，感興趣的朋友可以參考下哈2013-05-05
Ext4.2的Ext.grid.plugin.RowExpander無法觸發(fā)事件解決辦法
這篇文章主要介紹了Ext4.2的Ext.grid.plugin.RowExpander無法觸發(fā)事件解決辦法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以參考下2014-08-08
所謂布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個容器都會有一個對應(yīng)的布局，布局負(fù)責(zé)管理容器組件中子元素的排列、組合及渲染方式等。2009-04-04
Extjs4 Treegrid 使用心得分享(經(jīng)驗篇)
最近調(diào)試EXTJS 4的treegrid實例，看了很多水友的文章，以及官方的demo，沒一個可靠的，于是乎自己折騰中...感興趣的朋友可以了解下本文或許對你有所幫助2013-07-07
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件2009-04-04
在ExtJS4中使用mixins來實現(xiàn)多繼承，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12