管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

extjs3 combobox取value和text案例详解

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

教程首页 更多教程