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.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 Javascript
Js 获取当前函数参数对象的实现代码
Jun 20 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
Jan 05 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
Aug 16 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
JavaScript中click和onclick本质区别与用法分析
Jun 07 Javascript
Vue-Router基础学习笔记(小结)
Oct 15 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 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
thinkphp5.0整合phpsocketio完整攻略(绕坑)
2018/10/12 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
用htc组件制作windows选项卡
2007/01/13 Javascript
让IE8支持DOM 2(不用框架!)
2009/12/31 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
Javascript学习指南
2014/12/01 Javascript
原生js实现日期联动
2015/01/12 Javascript
JavaScript实现彩虹文字效果的方法
2015/04/16 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
2015/09/07 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
2016/05/18 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
React Router基础使用
2017/01/17 Javascript
利用three.js画一个3D立体的正方体示例代码
2017/11/19 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
2019/03/28 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
python多线程用法实例详解
2015/01/15 Python
Python金融数据可视化汇总
2017/11/17 Python
Python将多个excel文件合并为一个文件
2018/01/03 Python
python语言中with as的用法使用详解
2018/02/23 Python
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
多个应用共存的Django配置方法
2018/05/30 Python
Python OpenCV处理图像之图像直方图和反向投影
2018/07/10 Python
python将list转为matrix的方法
2018/12/12 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
入党申请自荐书范文
2014/02/11 职场文书
文化活动实施方案
2014/03/28 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
运动会演讲稿50字
2014/08/25 职场文书
疾病证明书
2015/06/19 职场文书
工作简报范文
2015/07/21 职场文书
计算机教师工作总结
2015/08/13 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python