手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >extjs3 combobox取value和text案例详解
extjs3 combobox取value和text案例详解
摘要:使用combobox时,它有一个hiddenName的属性,专门用于提交combobox中value的值.现假设某combobox的Id为c...

extjs3 combobox取value和text案例详解1

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

【extjs3 combobox取value和text案例详解】相关文章:

JavaScript的Date()方法使用详解

jquery实现的判断倒计时是否结束代码

JavaScript中setMonth()方法的使用详解

jQuery 遍历函数详解

jquery判断至少有一个checkbox被选中的方法

Javascript中Date类型和Math类型详解

详解JavaScript中Date.UTC()方法的使用

图片分页查看 原创

javascript事件冒泡和事件捕获详解

prototype class详解

精品推荐
分类导航