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 相关文章推荐
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
VUEJS实战之利用laypage插件实现分页(3)
Jun 13 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
AngularJS 异步解决实现方法
Jun 12 Javascript
Angular排序实例详解
Jun 28 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
javascript 中模板方法单例的实现方法
Oct 17 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
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
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
laravel邮件发送的实现代码示例
2020/01/31 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
2007/08/19 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
JavaScript中的this引用(推荐)
2016/08/05 Javascript
Jquery AJAX POST与GET之间的区别详细介绍
2016/10/17 Javascript
js实现的在线调色板功能完整实例
2016/12/21 Javascript
vue-cli开发时,关于ajax跨域的解决方法(推荐)
2018/02/03 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
探究数组排序提升Python程序的循环的运行效率的原因
2015/04/01 Python
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
python @property的用法及含义全面解析
2018/02/01 Python
Pandas GroupBy对象 索引与迭代方法
2018/11/16 Python
详解python运行三种方式
2019/05/13 Python
python 读取修改pcap包的例子
2019/07/23 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
销售人员自我评价
2014/02/01 职场文书
保密工作责任书
2014/04/16 职场文书
工厂车间标语
2014/06/19 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
党员干部对十八届四中全会的期盼
2014/10/17 职场文书
幼师求职自荐信
2015/03/26 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL