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!' }); });
参数是拷贝的源对象,第三个参数是可选的,表示给目标对象提供一个默认值。可以简单的理解成把第三个参数(如果有的话)及第二个参数中的属性拷贝给第一个参数对象。
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)//true4 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();
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', ... });