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 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
基于jquery的滑动样例代码
Nov 20 Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 Javascript
js中onload与onunload的使用示例
Aug 25 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
处理canvas绘制图片模糊问题
May 11 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
改变Apache端口等配置修改方法
2008/06/05 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
Javascript 学习书 推荐
2009/06/13 Javascript
jQuery-ui中自动完成实现方法
2010/06/10 Javascript
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
遍历jquery对象的代码分享
2011/11/02 Javascript
js Html结构转字符串形式显示代码
2011/11/15 Javascript
javascript 获取模态窗口的滚动位置代码
2013/08/06 Javascript
javascript教程之不完整的继承(js原型链)
2014/01/13 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
JavaScript对象封装的简单实现方法(3种方法)
2017/01/03 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
详解redux异步操作实践
2018/08/15 Javascript
vue flex 布局实现div均分自动换行的示例代码
2020/08/05 Javascript
[02:26]2018DOTA2亚洲邀请赛赛前采访-Newbee篇
2018/04/03 DOTA
[49:59]KG vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
Python中遇到的小问题及解决方法汇总
2017/01/11 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
Python 支付整合开发包的实现
2019/01/23 Python
Python变量类型知识点总结
2019/02/18 Python
python顺序执行多个py文件的方法
2019/06/29 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
HTML5中的Scoped属性使用实例
2014/04/23 HTML / CSS
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
2014年上半年工作自我评价
2014/01/18 职场文书
幼儿园数学教学反思
2014/02/02 职场文书
产品设计开发计划书
2014/05/07 职场文书
化学教育专业求职信
2014/07/08 职场文书
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python