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

2023-08-25 23:05:28

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

isEmpty( Object value, Boolean allowEmptyString )
: 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的简写形式

码农公寓