欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

extjs3 combobox取value和text案例详解

程序员文章站 2022-06-17 16:13:23
使用combobox时,它有一个hiddenname的属性,专门用于提交combobox中value的值. 现假设某combobox的id为comboid,hiddenna...

extjs3 combobox取value和text案例详解
使用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文本框
如:
复制代码 代码如下:

<input type="text" name="test" id="test" >

获取值的方式为:
复制代码 代码如下:

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);显示。