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 相关文章推荐
早该知道的7个JavaScript技巧
Mar 27 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
JS实现表单中checkbox对勾选中增加边框显示效果
Aug 21 Javascript
JavaScript获取function所有参数名的方法
Oct 30 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
Jan 14 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
Vue项目页面跳转时浏览器窗口上方显示进度条功能
Mar 26 Javascript
Javascript中的奇葩知识,你知道吗?
Jan 25 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
Laravel 5 学习笔记
2015/03/06 PHP
PHP实现递归复制整个文件夹的类实例
2015/08/03 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
javascript实现的距离现在多长时间后的一个格式化的日期
2009/10/29 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
2014/03/18 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
jQuery回调函数的定义及用法实例
2014/12/23 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
利用JS实现简单的瀑布流加载图片效果
2017/04/22 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
2018/08/29 Javascript
vue组件表单数据回显验证及提交的实例代码
2018/08/30 Javascript
详解使用jest对vue项目进行单元测试
2018/09/07 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python解析html开发库pyquery使用方法
2014/02/07 Python
Python实现图像几何变换
2015/07/06 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
如何完美的建立一个python项目
2020/10/09 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
python re模块常见用法例举
2021/03/01 Python
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
党员活动日总结
2014/05/05 职场文书
2014年食堂工作总结
2014/11/20 职场文书
新生儿未入户证明
2015/06/23 职场文书
电视新闻稿
2015/07/17 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
mysql自增长id用完了该怎么办
2022/02/12 MySQL
正则表达式拆分url实例代码
2022/02/24 Java/Android
深入解析Apache Hudi内核文件标记机制
2022/03/31 Servers
css让页脚保持在底部位置的四种方案
2022/07/23 HTML / CSS