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 Tips(2) 关于$()包装集你不知道的
Dec 14 Javascript
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
Dec 18 Javascript
JS简单验证上传文件类型的方法
Apr 17 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
May 25 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
VUE.js实现动态设置输入框disabled属性
Oct 28 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 Javascript
JS实现滑动插件
Jan 15 Javascript
详解vue路由
Aug 05 Javascript
VUE项目实现主题切换的多种方法
Nov 26 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
PHP MVC框架路由学习笔记
2016/03/02 PHP
YII框架关联查询操作示例
2019/04/29 PHP
JavaScript 参考教程
2006/12/29 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
jQuery知识点整理
2015/01/30 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
asp知识整理笔记3(问答模式)
2015/09/27 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
Angular2 路由问题修复详解
2017/03/01 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
React Native中Navigator的使用方法示例
2017/10/13 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
vue路由懒加载的实现方法
2018/03/12 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
vue服务端渲染操作简单入门实例分析
2019/08/28 Javascript
[02:34]2016完美“圣”典风云人物:BurNIng专访
2016/12/10 DOTA
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
python实现简单名片管理系统
2018/11/30 Python
关于Tensorflow分布式并行策略
2020/02/03 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
用Python绘制漫步图实例讲解
2020/02/26 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Django实现将一个字典传到前端显示出来
2020/04/03 Python
解决Python spyder显示不全df列和行的问题
2020/04/20 Python
tensorflow指定CPU与GPU运算的方法实现
2020/04/21 Python
Python 判断时间是否在时间区间内的实例
2020/05/16 Python
浅析python实现动态规划背包问题
2020/12/31 Python
我爱我校演讲稿
2014/05/21 职场文书
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android