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 相关文章推荐
document.onreadystatechange事件的用法分析
Oct 17 Javascript
js对象的比较
Feb 26 Javascript
原生javascript实现隔行换色
Jan 04 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
JavaScript中call和apply方法的区别实例分析
Aug 03 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 Javascript
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使用curl发送json格式数据实例
2013/12/17 PHP
如何在旧的PHP系统中使用PHP 5.3之后的库
2015/12/02 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
PHP addcslashes()函数讲解
2019/02/03 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
2010/10/11 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
JQuery fileupload插件实现文件上传功能
2016/03/18 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
如何解决hover在ie6中的兼容性问题
2016/12/15 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
2018/06/29 Javascript
微信小程序实时聊天WebSocket
2018/07/05 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
js消除图片小游戏代码
2019/12/11 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
2020/08/08 Javascript
[33:23]VG vs Pain 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
在Python中操作文件之read()方法的使用教程
2015/05/24 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
python按行读取文件,去掉每行的换行符\n的实例
2018/04/19 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
一套C#面试题
2013/10/09 面试题
XMLHttpRequest对象在IE和Firefox中创建方式有没有不同
2016/03/23 面试题
奉献演讲稿范文
2014/05/21 职场文书
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL