首頁 >web前端 >js教程 >extjs3 combobox取value和text案例詳解_extjs

extjs3 combobox取value和text案例詳解_extjs

WBOY
WBOY原創
2016-05-16 17:41:551432瀏覽


使用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(); 複製程式碼


程式碼如下:


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



複製程式碼


程式碼如下:


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的組件
如:




複製程式碼

代碼如下:


取得值的方式為:



複製程式碼 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);顯示。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn