首页 > 代码库 > ExtJs4学习（五）最基本的Ext类

ExtJs4学习（五）最基本的Ext类

2024-08-09 07:21:21   217人阅读

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();


2 applyIf( Object object, Object config ) : Object

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


3 decode( String 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  fly( String/HTMLElement dom, [String named] ) : Ext.dom.AbstractElement.Fly

get( String/HTMLElement/Ext.Element el ) : Ext.dom.Element

getCmp( String id )

getDom( String/HTMLElement/Ext.Element el )

query( String path, [HTMLElement root], [String type] ) : HTMLElement[]

select( String selector ) : Ext.CompositeElement

以上在ExtJs4学习（二）：Dom操作 已有介绍


6 isArray( Object target ) : Boolean

isBoolean( Object value ) : Boolean

isDate( Object object ) : Boolean

isElement( Object value ) : Boolean

isEmpty( Object value, Boolean allowEmptyString ) : Boolean

isFunction( Object value ) : Boolean

isIterable( Object value ) : Boolean

isNumber( Object value ) : Boolean

isNumeric( Object value ) : Boolean

isObject( Object value ) : Boolean

isPrimitive( Object value ) : Boolean

isString( Object value ) : Boolean

isTextNode( Object value ) : Boolean

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


7 namespace( String... ) : Object

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

namespace的简写形式


ExtJs4学习（五）最基本的Ext类


联系
我们