extjs3 combobox取value和text案例详解


Posted in Javascript onFebruary 06, 2013

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);显示。
Javascript 相关文章推荐
自己动手制作jquery插件之自动添加删除行的实现
Oct 13 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
调用DOM对象的focus使文本框获得焦点
Feb 19 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
vue文件树组件使用详解
Mar 29 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
js汉字转拼音实现代码
Feb 06 #Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 #Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 #Javascript
js中top/parent/frame概述及案例应用
Feb 06 #Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 #Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 #Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 #Javascript
You might like
PHP 高手之路(一)
2006/10/09 PHP
利用 window_onload 实现select默认选择
2006/10/09 PHP
15种PHP Encoder的比较
2007/03/06 PHP
destoon找回管理员密码的方法
2014/06/21 PHP
PHP 使用redis简单示例分享
2015/03/05 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
Extjs 几个方法的讨论
2010/01/28 Javascript
jQuery图片滚动图片的效果(另类实现)
2013/06/02 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
原生js实现可爱糖果数字时间特效
2016/12/30 Javascript
详解微信小程序 wx.uploadFile 的编码坑
2017/01/23 Javascript
socket.io实现在线群聊功能
2017/04/07 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
JS中的变量作用域(console版)
2020/07/18 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
常用python数据类型转换函数总结
2014/03/11 Python
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
python交互式图形编程实例(一)
2017/11/17 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
python aiohttp的使用详解
2019/06/20 Python
Python实现把类当做字典来访问
2019/12/16 Python
Python如何生成xml文件
2020/06/04 Python
Audible英国:有声读物,30天免费试用
2019/10/16 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
六五普法宣传标语
2014/10/06 职场文书
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL