学习sencha touch

EXT组件选择器:

1,获取一个单一的组件对象可以使用sencha touch中的get方法:Ext.getCmp(),这个方法是间接的调用了Ext.ComponentManager.get()方法;返回的是一个对象;

2,获取一个组件的集合可以使用Ext.ComponentQuery.query()方法,返回的是一个符合条件的组件集合;

1,query方法,中的查询条件跟jq的查询方法一致,id选择器,样式选择器等,值得一提的是:该方法可以自己定义选择器:

                         //定义一个筛选的方法
				Ext.ComponentQuery.pseudos.invalid = function(items){

					var i = 0, l = items.length, c, result = [];    
					for (; i < l; i++) {    
						if (!(c = items[i]).isValid()) {        
							result.push(c);            
						}        
					}
					
					//返回符合条件的组件集合    
					return result;
					
				};

		//使用前面构造的方法进行查询
		var invalidFields = Ext.ComponentQuery.query('field:invalid', myFormPanel);

 

3,组件的查询,也是讲究效率的,如果要查找一个容器中的组件,直接的调用query方法也是非常影响查询效率的,可以在查询的参数中添加一个查询范围:

	var btnRefresh = Ext.ComponentQuery.query('#btnRefresh', container);

 

简单一点的写法可以使用:

var btnRefresh = container.query('#btnRefresh');

 说到这里,就不能不提提Container类中用于查询组件的几个方法了。Container中的query方法、down方法、child方法和up方法,都是基于组件选择器而实现的组件查询方法,调用这些方法,可以很轻松地获取想要的组件。这里用一张表格列出这些方法的区别:

方法

查询范围

返回值

query

后代组件

所有符合条件的组件集合

down

后代组件

第一个符合条件的组件

child

子组件

第一个符合条件的组件

up

祖先组件

第一个符合条件的组件

容器的组件查询方法对比

 

你可能感兴趣的:(Sencha Touch)