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(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
JS动态修改iframe内嵌网页地址的方法
Apr 01 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
Vue-cli创建项目从单页面到多页面的方法
Sep 20 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
解决layui轮播图有数据不显示的情况
Sep 16 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事务rollback&amp;commit示例
2010/02/08 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
PHP格式化MYSQL返回float类型的方法
2016/03/30 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
Javascript的构造函数和constructor属性
2010/01/09 Javascript
ExtJS 工具栏 分页事件参数
2010/03/05 Javascript
jquery获取iframe中的dom对象(两种方法)
2013/07/02 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
2014/09/29 Javascript
js获取form的方法
2015/05/06 Javascript
详解js前端代码异常监控
2017/01/11 Javascript
Vue CLI 2.x搭建vue(目录最全分析)
2019/02/27 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
2019/02/28 Javascript
如何检查一个对象是否为空
2019/04/11 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
使用grappelli为django admin后台添加模板
2014/11/18 Python
Python实现二分查找算法实例
2015/05/26 Python
python创建临时文件夹的方法
2015/07/06 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
python画折线图的程序
2018/07/26 Python
使用Python代码实现Linux中的ls遍历目录命令的实例代码
2019/09/07 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
作弊检讨书1000字
2014/02/01 职场文书
国际贸易专业个人鉴定
2014/02/22 职场文书
纪检干部个人对照检查材料
2014/09/23 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
涨价通知怎么写
2015/04/23 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
《悲惨世界》:比天空更广阔的是人的心灵
2020/01/16 职场文书
MySQL如何解决幻读问题
2021/08/07 MySQL