在做Sench touch开发时,想要获取某个组件并对其操作,通常使用Ext.getCmp('id');该方式是在整个DOM文档中进行查询,后来发现随着项目的进行,使用的组件愈多,这种方式势必影响查询效率,于是想使用一种更好地方式来查询组件以替代Ext.getCmp()。
现有一种方式可实现这种目的:
如:创建一组件
{
xtype: 'button'
itemId : 'buttonItemId',
}
通过Ext.ComponentQuery.query()获取组件:
var comp = Ext.ComponentQuery.query("button[itemId='buttonItemId']")[0];
//Ext.ComponentQuery.query()返回的是控件数组,[0]返回的是该控件
//[注:有关Ext.ComponentQuery.query()方法使用查看Sencha touch API文档]
另外,还有一种方法获取组件,且效率较高:
先通过Ext.ComponentQuery.query(),获取组件所在页面。
var view = ComponentQuery.query('component_xtype'), // component_xtype页面类型
若要查找该页面id为:buttonId的组件,可用下面方法:
var comp2 = view.down('#buttonId');
通过这种方式查询组件,首先其范围限制到该组件所在的页面里,所以查询效率高。
分享到:
相关推荐
Sencha Touch 实战转曲.pdf 移动开发webapp.
Sencha.Touch.in.Action(2013.7)
SenchaTouch通过使用Ext.Ajax.request请求C#的ashx后台处理文件,获取返回数据(附代码),以及senchatouch的AJAX框架和MVC框架的简介
Ext.ux.touch.DateTimePicker 该扩展通过扩展 Ext.Picker 为 Sencha Touch 框架提供了一个 DateTimePicker。用法datetimePicker = new Ext.ux.touch.DateTimePicker({ useTitles: true, id: 'dt', value: { day: 23,...
Sencha Touch 2.1 / 2.2 / 2.3的多选字段用作单选或多选字段。 如果要从Ext.field.Select中获取缺少的代码,可以轻松扩展Ext.field.Text,并将其添加到Ux.field.Multiselect中。 usePicker配置将不起作用,因为它...
sencha touch源码使用以及API
Sencha Touch 2 简介知识,环境搭建,组件介绍和布局事例
sencha的学习书籍,还是很不错的,用了你就知道了
本文通过对 Sencha Touch 框架的介绍,使读者对该框架有一定的了解,并通过一些代码示例给用户更详细直观的对 Sencha Touch 框架功能的了解。 ExtJS ExtJS 是为 web 开发人员提供的基于 JavaScript 和 web 标准快速...
sencha.js sencha.csssencha.js sencha.csssencha.js sencha.css
sencha-touch-2.1.0-gpl.zip 官网下载的,欢迎下载
sencha touch完整包(试用版)中的grid代码,位置在 touch-2.3.n > packages > sencha-touch-grid 使用时放到 ../MyApp/packages下 TouchGrid gives you a grid feature to arrange information in rows and columns...
Sencha Touch是移动HTML5开发框架,构建用于iPhone、Android 和Window Phone等跨平台的移动应用程序.
Sencha_touch_开发指南.doc
Pactpub.Sencha.MVC.Architecture.Nov.2012.pdf
Sencha Touch 2入门教程之MVC 讲解如何使用 Sencha Touch 2 mvc模式来开发一个登录界面
sencha touch 环境搭建 配置
使用Eclipse+sppket开发 sencha touch插件时自动提示,自动跟踪代码到对应源文件(单个文件,非合并后),亲测给力
sencha touch 2 实现的贪吃蛇 希望对大家有所帮助
Sencha Touch2发布.pdf