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 相关文章推荐
菜单效果
Oct 14 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
HTML上传控件取消选择
Mar 06 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
vue proxyTable 接口跨域请求调试的示例
Sep 12 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
浅析JS中什么是自定义react数据验证组件
Oct 19 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生成随机密码的三种方法小结
2010/09/04 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
详解PHP中的序列化、反序列化操作
2017/03/21 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
EXT中xtype的含义分析
2010/01/07 Javascript
为超链接加上disabled后的故事
2010/12/10 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
sencha touch 模仿tabpanel导航栏TabBar的实例代码
2013/10/24 Javascript
javascript特殊用法示例介绍
2013/11/29 Javascript
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
javascript实现网页字符定位的方法
2015/07/14 Javascript
js判断鼠标位置是否在某个div中的方法
2016/02/26 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
2016/10/27 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
vue router自动判断左右翻页转场动画效果
2017/10/10 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
python中定义结构体的方法
2013/03/04 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
简单学习Python多进程Multiprocessing
2017/08/29 Python
python适合人工智能的理由和优势
2019/06/28 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
Python zip函数打包元素实例解析
2019/12/11 Python
Django数据库迁移常见使用方法
2020/11/12 Python
HTML5对比HTML4的主要改变和改进总结
2016/05/27 HTML / CSS
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
介绍一下Linux内核的排队自旋锁
2014/01/04 面试题
2014年五一活动策划方案
2014/03/15 职场文书
情人节单身感言
2015/08/03 职场文书
使用pytorch实现线性回归
2021/04/11 Python
windows安装python超详细图文教程
2021/05/21 Python
集英社今正式宣布 成立游戏公司“集英社Games”
2022/03/31 其他游戏