學(xué)習(xí)ExtJS TextField常用方法
更新時(shí)間：2009年10月07日 22:41:42 作者：
ExtJS TextField常用方法
一、屬性
fieldLabel：標(biāo)簽名稱(chēng)。
labelWidth：標(biāo)簽寬度。
ID：文件框ID。
二、構(gòu)造參數(shù)
listeners：在對(duì)象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getCmp(string _id)：得到id為_(kāi)id的組件對(duì)象。
getValue()：得到文件框值。
四、其它
layout：只在在此布局下才能正確顯示文件框的標(biāo)簽名，布局的宿主對(duì)象必面
是Ext.Container或者Ext.Container的子類(lèi)。
在應(yīng)用FormLayout布局時(shí)只要在宿主對(duì)象的構(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)簽名稱(chēng)。
labelWidth：標(biāo)簽寬度。
ID：文件框ID。
二、構(gòu)造參數(shù)
listeners：在對(duì)象初始化之前，將一系列事件進(jìn)行綁定。
三、函數(shù)
getCmp(string _id)：得到id為_(kāi)id的組件對(duì)象。
getValue()：得到文件框值。
四、其它
layout：只在在此布局下才能正確顯示文件框的標(biāo)簽名，布局的宿主對(duì)象必面
是Ext.Container或者Ext.Container的子類(lèi)。
在應(yīng)用FormLayout布局時(shí)只要在宿主對(duì)象的構(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的類(lèi)型的應(yīng)用 知道表單面板如何驗(yàn)證，綁定，取值 綜合應(yīng)用表單面板（玩轉(zhuǎn)它）2010-06-06
ExtJs擴(kuò)展之GroupPropertyGrid代碼
這幾天做一個(gè)Web項(xiàng)目，使用了ExtJs，其中有個(gè)像設(shè)計(jì)器一樣的界面，選擇界面上的內(nèi)容，可以直接編輯內(nèi)容的屬性，這個(gè)原本來(lái)說(shuō)對(duì)于使用ExtJs還是很簡(jiǎn)單的。2010-03-03
常用Extjs工具:Extjs.util.Format使用方法
常用Extjs工具:Extjs.util.Format使用方法，需要的朋友可以參考下2012-03-03
Extjs grid panel自帶滾動(dòng)條失效的解決方法
對(duì)gridPanel中的stroe數(shù)據(jù)進(jìn)行過(guò)濾，所以有時(shí)候總是導(dǎo)致gridPanel自身所帶的scrollbar失效，好了，現(xiàn)在來(lái)說(shuō)說(shuō)怎么解決scrollbar失效2014-09-09
Extjs中ComboBoxTree實(shí)現(xiàn)的下拉框樹(shù)效果(自寫(xiě))
最近涉及到的一個(gè)項(xiàng)目中，需要實(shí)現(xiàn)ComboBoxTree的效果，由于在Extjs中是沒(méi)有這種效果，所以看看別人的資料自己寫(xiě)了一個(gè)，感興趣的朋友可以參考下哈2013-05-05
Ext4.2的Ext.grid.plugin.RowExpander無(wú)法觸發(fā)事件解決辦法
這篇文章主要介紹了Ext4.2的Ext.grid.plugin.RowExpander無(wú)法觸發(fā)事件解決辦法,本文中的事件指collapsebody和expandbody事件,需要的朋友可以參考下2014-08-08
ExtJS 2.0 實(shí)用簡(jiǎn)明教程之布局概述
所謂布局就是指容器組件中子元素的分布、排列組合方式。Ext的所有容器組件都支持而局操作，每一個(gè)容器都會(huì)有一個(gè)對(duì)應(yīng)的布局，布局負(fù)責(zé)管理容器組件中子元素的排列、組合及渲染方式等。2009-04-04
Extjs4 Treegrid 使用心得分享(經(jīng)驗(yàn)篇)
最近調(diào)試EXTJS 4的treegrid實(shí)例，看了很多水友的文章，以及官方的demo，沒(méi)一個(gè)可靠的，于是乎自己折騰中...感興趣的朋友可以了解下本文或許對(duì)你有所幫助2013-07-07
ExtJS 2.0實(shí)用簡(jiǎn)明教程之應(yīng)用ExtJS
應(yīng)用extjs需要在頁(yè)面中引入extjs的樣式及extjs庫(kù)文件2009-04-04
ExtJS4中使用mixins實(shí)現(xiàn)多繼承示例
在ExtJS4中使用mixins來(lái)實(shí)現(xiàn)多繼承，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12