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 相关文章推荐
javascript 页面只自动刷新一次
Jul 10 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
javascript之AJAX框架使用说明
Apr 24 Javascript
学习面向对象之面向对象的术语
Nov 30 Javascript
jQuery遍历Form示例代码
Sep 03 Javascript
jquery获取checkbox的值并post提交
Jan 14 Javascript
简单谈谈JavaScript的同步与异步
Dec 31 Javascript
Swiper自定义分页器使用详解
Dec 28 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
vue的传参方式汇总和router使用技巧
May 22 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
Dec 14 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版
2006/10/09 PHP
一次编写,随处运行
2006/10/09 PHP
自己写的php curl库实现整站克隆功能
2015/02/12 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
JS array 数组详解
2009/03/22 Javascript
js 单引号 传递方法
2009/06/22 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
开发 Internet Explorer 右键功能表(ContextMenu)
2013/07/03 Javascript
jquery实现聚光灯效果的方法
2015/02/06 Javascript
js实现带关闭按钮始终显示在网页最底部工具条的方法
2015/03/02 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
2015/10/08 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
原生js实现数字字母混合验证码的简单实例
2015/12/10 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
微信小程序 template模板详解及实例代码
2017/03/09 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
详解vue-resource promise兼容性问题
2017/06/20 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
JavaScript使用FileReader实现图片上传预览效果
2020/03/27 Javascript
Node.js使用Koa搭建 基础项目
2018/01/08 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
深入解析Python的Tornado框架中内置的模板引擎
2016/07/11 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
Python使用logging模块实现打印log到指定文件的方法
2018/09/05 Python
python读取几个G的csv文件方法
2019/01/07 Python
Python面向对象之继承和多态用法分析
2019/06/08 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
岗位职责风险点
2014/03/12 职场文书
团队拓展活动方案
2014/08/28 职场文书
学习型家庭事迹材料
2014/12/20 职场文书