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 相关文章推荐
js 代码优化点滴记录
Feb 19 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
浅谈javascript中的constructor
Jun 08 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
js闭包用法实例详解
Dec 13 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
微信小程序 云开发模糊查询实现解析
Sep 02 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
Vite和Vue CLI的优劣
Jan 30 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图片加中文水印实现代码分享
2012/10/31 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
最常用的8款PHP调试工具
2014/07/06 PHP
js 操作符实例代码
2009/10/24 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
js控制分页打印、打印分页示例
2014/02/08 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
vue中使用localstorage来存储页面信息
2017/11/04 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
jquery实现上传文件进度条
2020/03/26 jQuery
Python多进程编程技术实例分析
2014/09/16 Python
深入探究Python中变量的拷贝和作用域问题
2015/05/05 Python
对Python 窗体(tkinter)树状数据(Treeview)详解
2018/10/11 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
对DJango视图(views)和模版(templates)的使用详解
2019/07/17 Python
python3中利用filter函数输出小于某个数的所有回文数实例
2019/11/24 Python
Python实现图片添加文字
2019/11/26 Python
python判断链表是否有环的实例代码
2020/01/31 Python
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
教师党员一句话承诺
2014/03/28 职场文书
学习普通话的体会
2014/11/07 职场文书
年底个人总结范文
2015/03/10 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python