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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
jquery 将disabled的元素置为enabled的三种方法
Jul 25 Javascript
Jquery 滑入滑出效果实现代码
Mar 27 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
js点击文本框后才加载验证码实例代码
Oct 20 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
Sep 15 Javascript
js实现把图片的绝对路径转为base64字符串、blob对象再上传
Dec 29 Javascript
基于jQuery实现瀑布流页面
Apr 11 jQuery
微信小程序 自定义消息提示框
Aug 06 Javascript
基于element-ui的rules中正则表达式
Sep 04 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
Vue实现页面添加水印功能
Nov 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 和 MySQL 基础教程(四)
2006/10/09 PHP
php返回json数据函数实例
2014/10/09 PHP
微信支付开发订单查询实例
2016/07/12 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
php封装单文件上传到数据库(路径)
2017/10/15 PHP
jquery动态添加option示例
2013/12/30 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
JavaScript设计模式之单例模式简单实例教程
2018/07/02 Javascript
深入理解Vue router的部分高级用法
2018/08/15 Javascript
简单了解JavaScript中常见的反模式
2019/06/21 Javascript
详解基于Vue/React项目的移动端适配方案
2019/08/23 Javascript
Vue数组响应式操作及高阶函数使用代码详解
2020/08/01 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
复制粘贴功能的Python程序
2008/04/04 Python
深入理解Python 代码优化详解
2014/10/27 Python
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
python实现在遍历列表时,直接对dict元素增加字段的方法
2019/01/15 Python
python实现贪吃蛇游戏
2020/03/21 Python
python实现烟花小程序
2019/01/30 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
CSS3中的display:grid,网格布局介绍
2019/10/30 HTML / CSS
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
Ray-Ban雷朋美国官网:全球领先的太阳眼镜品牌
2016/07/20 全球购物
医药工作者的求职信范文
2013/09/21 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
2015年税务稽查工作总结
2015/05/26 职场文书
返乡农民工证明
2015/06/24 职场文书
《吃水不忘挖井人》教学反思
2016/02/22 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
React 高阶组件HOC用法归纳
2021/06/13 Javascript
JAVA API 实用类 String详解
2021/10/05 Java/Android
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫
在SQL Server中使用 Try Catch 处理异常的示例详解
2022/07/15 SQL Server