Heim  >  Artikel  >  Web-Frontend  >  extjs3 combobox取value和text案例详解_extjs

extjs3 combobox取value和text案例详解_extjs

WBOY
WBOYOriginal
2016-05-16 17:41:551398Durchsuche


使用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");//这里的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%28-click-%29-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);显示。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn