extjs3 combobox取value和text案例詳解

extjs3 combobox取value和text案例詳解_extjs

WBOY

發布： 2016-05-16 17:41:55

原創

1407 人瀏覽過

使用combobox時，它有一個hiddenName的屬性，專門用於提交combobox中value的值.
現假設某combobox的Id為comboId，hiddenName屬性的值為hiddenValue，
那麼，使用Ext.get('comboId').dom.value方法取得的是combobox中選取項目的文字text值，
而使用Ext.get('hiddenValue').dom.value取得的才是combobox中需要提交的value的值。
Ext.getCmp("ID值").getValue();取得到的是Value值
.replace(/s/g, ""); //移除json文字中所有的換行，空格，製表符;
=========================================
extjs 執行button的點擊事件，執行handler事件
最簡單的方法是查看extjs產生後的html程式碼dom裡面找到對應的產生的ID的
例如：
方法1：

複製程式碼

程式碼如下:

var btn = document.getElementById("ext-gen40")/St. /這裡的ext-gen40就是extjs 隨即生成的iD 但是有時候這個id會變化的，
btn.click();

方法2：

複製程式碼

程式碼如下:

Ext.getCmp('title2d').fireEvent("click"); //這裡的」title2d「是extjs程式碼中的id

執行按鈕handler事件：

複製程式碼

程式碼如下:

var btn2d = Ext.getCmp("title2d");
btn2d.handler.call(btn2d.scope, btn2d);

參考網址🎜>參考網址🎜>參考網址🎜>參考網址🎜>參考網址🎜>參考地址：http://www.sencha.com/forum/showthread.php?25677-2.0.1-fireEvent(-click-)-on-buttons-don-t-call-handler-function onClick是一個方法，而handler是一個配置項目extjs onclick和handler的區別：http://blog.csdn.net/21aspnet/article/details/6865571 ============= =========================================取得文字方塊的值1 、Html文字方塊如：

複製程式碼

程式碼如下:

取得值的方式為：

複製程式碼代碼如下: var tValue = Ext.getDom('test').value;

或者

複製程式碼

程式碼如下: var tValue = document.getElementById('test').value

2、ExtJs的組件
如： 

複製程式碼

代碼如下:

代碼如下:id:'test', xtype:'textfield', fieldLabel:' 檢定', name:'test', width:370 }

取得值的方式為：

複製程式碼

程式碼如下:

var tValue = Ext.getCmp('test').getValue();

　　Ext.get('test').dom.value

設定文字方塊的值

複製程式碼程式碼如下:

Ext.getCmp('test').setValue("設定的值") ; 

==============================按鈕的啟用與停用

複製程式碼程式碼如下: Ext.getCmp('btnQc').disable();//停用Ext.getCmp('btnQc').enable();//啟用
方法1：可以在定義bbar的按鈕時直接給屬性，hidden : true 屬性,可隱藏；disabled : true 屬性,可停用方法2：為按鈕新增id，例如id:'btn'；然後在panel的事件中呼叫Ext.getCmp('btn').disable();禁用或Ext.getCmp('btn').enable();開啟。 Ext.getCmp('btn').setVisible (false);隱藏或Ext.getCmp('btn').setVisible (true);顯示。