经常在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()
分享到：
相关推荐
1. **jQuery基础**：EasyUI 基于 jQuery，因此理解 jQuery 的基本操作如选择器、事件处理、DOM 操作等是非常重要的。jQuery 提供了一种简洁的方式来操作 HTML 文档、处理事件、执行动画以及进行 AJAX 请求。 2. **...
ExtJS是一款功能丰富的JavaScript框架，以其强大的组件化和数据绑定机制著名，而jQuery则是一个轻量级的选择器引擎，广泛用于简化DOM操作。这个jQuery ComboBox是开发者为了在不使用ExtJS完整库的情况下，实现类似...
1. **选择器（Selectors）**: jQuery的选择器语法基于CSS，能够高效地选取DOM元素，如ID选择器、类选择器、属性选择器等。 2. **DOM操作（DOM Manipulation）**: 如添加、删除或替换HTML元素，以及遍历DOM结构。 3. ...
1. **选择器**: jQuery提供了强大的CSS选择器，使得开发者能够快速准确地定位到DOM元素。 2. **链式操作**: jQuery对象支持链式调用，使得代码更简洁、易读。 3. **封装Ajax**: jQuery对XMLHttpRequest进行了封装，...
1. 选择器：高效地选取 DOM 元素，类似 CSS 语法。 2. DOM 操作：方便地创建、修改和删除 HTML 元素。 3. 事件处理：统一的事件绑定和触发机制。 4. 动画效果：简化复杂的 CSS 属性变换，实现平滑过渡和动画。 5. ...
jQuery UI是基于jQuery的用户界面库，提供了多种可定制的组件，如日期选择器、对话框、拖放功能等。"jqueryaaUI"可能是jQuery UI的某种变体或者特定版本，它扩展了jQuery的功能，使得开发者可以创建更美观、交互性更...
在Web开发中，选择合适的JavaScript库对于提升用户体验和简化开发流程至关重要。本文将对比分析jQuery和ExtJS两个流行的库，以帮助...在选择jQuery或ExtJS时，开发者应根据项目需求、团队技能和性能考虑来做出决策。
1. **jQuery基础**：首先，理解jQuery的基本用法是必不可少的，包括选择器、DOM操作、事件处理和动画效果。jQuery EasyUI建立在jQuery之上，因此熟悉jQuery能更好地使用EasyUI。 2. **EasyUI组件**：EasyUI包含一...
在ExtJS 4.2中，开发者可以利用其丰富的组件库来创建各种用户界面，包括时间选择器。这个时间选择插件允许用户精确地选择时间，不仅限于小时，还包括分钟和秒，大大提升了用户体验。 在ExtJS 4.2中实现时间选择插件...
jQuery UI是jQuery的官方扩展，提供了更多UI相关的组件，如日期选择器、对话框、拖放功能、排序列表等。它基于jQuery的基础功能，进一步增强了用户体验。例如，`$("#dialog").dialog()`可以将一个元素转化为带关闭...
1. **DOM操作**：jQuery 提供了类似 CSS 的选择器，使得选取和操作DOM元素变得极其简单，如 `$("#id")` 或 `$(".class")`。 2. **CSS控制**：jQuery 可以轻松改变元素的样式，如 `.css("property", "value")`。 3....
jQuery的核心特性包括选择器（用于高效地查找DOM元素）、DOM操作（添加、删除和修改元素）、事件处理（绑定和触发事件）以及Ajax交互（与服务器进行异步通信）。通过使用jQuery，开发者可以方便地实现动画效果、Ajax...
1. **DOM操作**：jQuery 提供了类似 CSS 的选择器，使得选取和操作DOM元素变得极其简单，如 `$("#id")` 或 `$(".class")`。 2. **CSS控制**：jQuery 可以轻松改变元素的样式，如 `.css("property", "value")`。 3....
例如，通过使用jQuery选择器和方法，我们可以动态地改变或添加图标的类名，从而实现动态图标选择功能。 再来说说“ExtJS”。ExtJS是一个全面的前端框架，它提供了大量的UI组件和强大的数据管理能力。ExtJS内建了...
jQuery还支持CSS1至CSS3的选择器，使得DOM元素的选择更加灵活高效。 ##### 3.2 ExtJs的介绍 **ExtJs**则是一款更为强大的JavaScript库，专注于创建复杂的企业级Web应用。它提供了丰富的UI组件库，支持数据网格、树...
1. **DOM操作**：jQuery简化了CSS选择器和DOM元素操作。 2. **事件处理**：通过`.on()`方法绑定事件监听器。 3. **动画效果**：如`.fadeIn()`, `.slideUp()`等，提升用户交互体验。 4. **Ajax请求**：`.ajax()`方法...
1. **元素选择器**：jQuery 提供了一系列CSS选择器，如ID选择器(#id)、类选择器(.class)、元素选择器(element)等，使得开发者能够轻松定位到网页上的特定元素。 2. **DOM操作**：jQuery简化了DOM（Document Object ...
2. **图标选择器**：了解如何在代码中选择和使用图标是至关重要的。例如，在ExtJS中，我们可能需要使用`x-icon`类，后面跟随具体的图标名称，如`x-icon-save`。在EasyUI中，我们可能会看到`icon-ok`这样的类名。 3....
现在，你可以在编辑器中开始编写jQuery和ExtJS代码。当你键入相关函数或对象时，Spket会自动提供代码提示。按`Ctrl+Space`可以激活代码提示，选择合适的选项进行插入。此外，Spket还提供了代码格式化、重构和错误...
在表单验证方面，jQuery通过选择器和事件监听可以轻松实现对表单元素的控制。例如，我们可以使用`$(selector).val()`获取或设置输入框的值，利用`$.trim()`去除字符串两侧的空白，结合正则表达式进行数据有效性检查...