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

来源：互联网发布：杰恩马克眼镜知乎编辑：程序博客网时间：2024/05/16 06:07

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的简写形式

9 override( Object 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',    ...});

0 0