ExtJs4学习(五)最基本的Ext类

Ext类是ExtJs中最常见、最基础的一个类,它是一个全局对象,封装了所有类、单例和 Sencha 库所提供的实用方法。


大多数用户界面组件在一个较低的层次嵌套在命名空间中, 但是提供的许多常见的实用函数作为 Ext 命名空间的直接属性。


此外提供许多常用的方法,从其他类作为 Ext 命名空间内的快捷方式。 例如 Ext.getCmp 就是 Ext.ComponentManager.get 的别名。


一旦DOM准备好,许多应用程序启动,调用Ext.onReady。 这可以确保已加载所有脚本, 防止依赖性问题。例如:

Ext.onReady(function(){
    new Ext.Component({
        renderTo: document.body,
        html: 'DOM ready!'
    });
});

1 apply Object object, Object config, [Object defaults]  ) :  Object

参数是拷贝的源对象,第三个参数是可选的,表示给目标对象提供一个默认值。可以简单的理解成把第三个参数(如果有的话)及第二个参数中的属性拷贝给第一个参数对象。

var animal ={name:'tome'}
Ext.apply(animal,{
	age:12,
	run:function(){
		console.info('欢乐的跑着')
	}
});
最终animal对象也将拥有run方法,animal.run();


applyIfObject object, Object config ) : Object

和apply基本类似,唯一的区别是,如果object对象已经拥有某属性或方法,config不再进行覆盖


decodeString json, Boolean safe ) : Object

Ext.JSON.decode的简写形式 解码(解析)JSON字符串对象。如果JSON是无效的,这个函数抛出一个SyntaxError,除非设置了安全选项。

var result = Ext.decode('{success:true,msg:xxxx}');
console.info(result.success)//true
4  each Array/NodeList/Object iterable, Function fn, [Object scope], [Boolean reverse]  ) :  Boolean

Ext.each([1,2,3,4,5,6],function(item,index,allItems){
	if(item<5){
		return false;
	}else{
		console.log(item);
	}
});


5  flyString/HTMLElement dom, [String named] ) : Ext.dom.AbstractElement.Fly

getString/HTMLElement/Ext.Element el ) : Ext.dom.Element

getCmpString id )

getDomString/HTMLElement/Ext.Element el )

queryString path, [HTMLElement root], [String type] ) : HTMLElement[]

selectString selector ) : Ext.CompositeElement

以上在ExtJs4学习(二):Dom操作 已有介绍


6 isArrayObject target ) : Boolean

isBooleanObject value ) : Boolean

isDateObject object ) : Boolean

isElementObject value ) : Boolean

isEmptyObject value, Boolean allowEmptyString ) : Boolean

isFunctionObject value ) : Boolean

isIterableObject value ) : Boolean

isNumberObject value ) : Boolean

isNumericObject value ) : Boolean

isObjectObject value ) : Boolean

isPrimitiveObject value ) : Boolean

isStringObject value ) : Boolean

isTextNodeObject value ) : Boolean

以上基本都是对象的判断,可以参考API


namespaceString... ) : Object

Ext.namespace('my.app.service');
my.app.service.name = 'somnus';
my.app.service.say = function(){console.info('hello')}
ns String...  ) :  Object

namespace的简写形式

9 overrideObject target, Object overrides )

用给定的值重写指定target的成员。

var user = {
		age:20,
		say:function(){
			console.info("我的年龄:"+this.age)
		}
}
Ext.override(user,{
	say:function(){
		console.info("我的年龄:"+this.age+"岁")
	}
});
user.say();

10  widget [String name], [Object config]  ) :  Object

var button = Ext.widget('button'); // 相当于Ext.create('widget.button');

var panel = Ext.widget('panel', { // 相当于Ext.create('widget.panel')
    title: 'Panel'
});

var grid = Ext.widget({
    xtype: 'grid',
    ...
});

你可能感兴趣的:(ext,extjs4)