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插件 tabBox实现代码
Feb 09 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
bootstrap vue.js实现tab效果
Feb 07 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
Angular5给组件本身的标签添加样式class的方法
Apr 07 Javascript
详解javascript 变量提升(Hoisting)
Mar 12 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 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获取网卡地址的代码
2008/04/09 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
PHP+原生态ajax实现的省市联动功能详解
2017/08/15 PHP
JQuery 应用 JQuery.groupTable.js
2010/12/15 Javascript
jquery学习笔记 用jquery实现无刷新登录
2011/08/08 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
jQuery使用contains过滤器实现精确匹配方法详解
2016/02/25 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
2016/04/05 Javascript
vueJS简单的点击显示与隐藏的效果【实现代码】
2016/05/03 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
HTML的select控件美化
2017/03/27 Javascript
Vue二次封装axios为插件使用详解
2018/05/21 Javascript
Vuex 在Vue 组件中获得Vuex 状态state的方法
2018/08/27 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
2款Python内存检测工具介绍和使用方法
2014/06/01 Python
Python函数中定义参数的四种方式
2014/11/30 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
浅谈Python2获取中文文件名的编码问题
2018/01/09 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
NIHAOMARKET官方海外旗舰店:意大利你好华人超市
2018/01/27 全球购物
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
艺龙旅行网酒店预订:国内、港澳台酒店
2018/06/26 全球购物
公司营业员的工作总结自我评价
2013/10/05 职场文书
内容编辑个人求职信
2013/12/10 职场文书
2014年幼师工作总结
2014/11/22 职场文书
教师学期个人总结
2015/02/11 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python