获取Extjs文本域中的内容

简介:

 经常在Ext.select()和Ext.query()等问题上纠结,今天终于有了点新认识:

 

需求,假设我们的页面上有个panel ,其id为clusterstab_edit_details,这个panel的内部有个textarea,这个textarea的name为editDetails_Description,那么我们有多少方法可以取得textarea中当前输入的内容的值呢?

 

方法1:

我们可以先Ext.getCmp获取父panel的组件,然后用它的getValues()方法获取这个form面板所有的子元素的结果集,然后我们用.操作符来获得我们所希望的取值。

Ext.getCmp('clusterstab_edit_Details').getValues().editDetails_Description

 

第二种是通过Ext.query方法,然后传入一个选择器,然后我们得到的是一个HTMLElement[]数组,我们获取第0个值,因为唯一的,我们取得它的value属性从而获得值;

Ext.query('[name=editDetails_Description]')[0].value

 

第三种方法是通过Ext.select方法,然后传入一个选择器,我们得到是Ext.CompositeElement对象,它是Element数组,我们获取第1个匹配的值,然后

Ext.select('[name=editDetails_Description]',true).element[0].getValue()





本文转自 charles_wang888 51CTO博客,原文链接:http://blog.51cto.com/supercharles888/1194835,如需转载请自行联系原作者
目录
相关文章
|
JavaScript 前端开发
|
6天前
CSS3注册表单文本框占位符特效源码
CSS3注册表单文本框占位符特效源码是一段简单的css3 input文本框占位符,placeholders占位符内容填写注册表单特效,非常有意思,欢迎有兴趣的朋友前来下载使用。
18 5
零基础HTML入门教程(19)——表单按钮和文本域
本小结我们学习一下表单里面的按钮和文本框,我们网络中文本域和按钮,已经是很常见了,我们现在学习一下这些内容。*代码如下 效果如下 代码如下 效果如下 我们这一小节学习了,按钮和文本域,我们学到这里大致把html常用的标签全部讲完了我们课下一定多多练习熟练掌握。
零基础HTML入门教程(19)——表单按钮和文本域
|
数据安全/隐私保护
零基础HTML入门教程(17)——表单的单选框和复选框
我们上一小结学习了,密码输入框和文本输入框,我们这一小结学习复选框和单选框。单选框用于从若干选项中选择其中一个,例如性别只能从男、女中选择一个: 效果如下 代码如下 效果如下 我们这一小节学习了单选框和复选框,我相信在大家,注册账号或者填写信息的时候很常见,在我们html里面单选框和复选框也很常用,我们要熟练使用。
零基础HTML入门教程(17)——表单的单选框和复选框
零基础HTML入门教程(18)——表单传输文件和下拉菜单
我们上一小结学习了单选框和复选框,我们这一小节学习一下,传输文件和下拉菜单,并熟练使用。代码如下
零基础HTML入门教程(18)——表单传输文件和下拉菜单
|
移动开发 前端开发 程序员
【网页前端】HTML基本语法之排版标签和表单标签(一)
【网页前端】HTML基本语法之排版标签和表单标签
229 0
【网页前端】HTML基本语法之排版标签和表单标签(一)
|
前端开发 安全 数据安全/隐私保护
【网页前端】HTML基本语法之排版标签和表单标签(二)
【网页前端】HTML基本语法之排版标签和表单标签(二)
177 0
【网页前端】HTML基本语法之排版标签和表单标签(二)
|
移动开发 Java HTML5
HTML5 学习12.文本框和单选框
HTML5 学习12.文本框和单选框
|
移动开发 Java HTML5
HTML5 学习13.按钮和多选框
HTML5 学习13.按钮和多选框
|
移动开发 Java HTML5
HTML5 学习14.列表框文本域和文件域
HTML5 学习14.列表框文本域和文件域