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实现input数值增量和减量的方法
Jan 24 Javascript
javascript转换静态图片,增加粒子动画效果
May 28 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
最通俗易懂的javascript变量提升详解
Aug 05 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
JS实现随机抽取三人
Nov 06 Javascript
支付宝小程序实现省市区三级联动
Jun 21 Javascript
Vue实现购物小球抛物线的方法实例
Nov 22 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安装为Apache DSO
2006/10/09 PHP
在Windows中安装Apache2和PHP4的权威指南
2006/10/09 PHP
PHP写的资源下载防盗链类分享
2014/05/12 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
JQuery UI皮肤定制
2009/07/27 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
利用Chrome DevTools直接调试Node.js和JavaScript的方法详解(并行)
2017/02/16 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
Python中Flask-RESTful编写API接口(小白入门)
2019/12/11 Python
py-charm延长试用期限实例
2019/12/22 Python
python处理RSTP视频流过程解析
2020/01/11 Python
Python版中国省市经纬度
2020/02/11 Python
python GUI库图形界面开发之PyQt5信号与槽多窗口数据传递详细使用方法与实例
2020/03/08 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
Pytorch 扩展Tensor维度、压缩Tensor维度的方法
2020/09/09 Python
Python try except else使用详解
2021/01/12 Python
html5 button autofocus 属性介绍及应用
2013/01/04 HTML / CSS
外贸业务员求职信范文
2013/12/12 职场文书
高级编程求职信模板
2014/02/16 职场文书
写给老婆的检讨书
2014/02/21 职场文书
省级青年文明号申报材料
2014/05/23 职场文书
事业单位鉴定材料
2014/05/25 职场文书
新书发布会策划方案
2014/06/09 职场文书
个人自查自纠材料
2014/10/14 职场文书
岳麓书院导游词
2015/02/03 职场文书