ExtJs4 학습(5) 기본 Ext 클래스

3689 단어 extextjs4
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!'
    });
});


apply

Object object, Object config, [Object defaults]
 ) : 
Object
매개 변수는 복사된 원본 대상이고 세 번째 매개 변수는 선택할 수 있으며 대상 대상에 기본값을 제공합니다.세 번째 매개 변수(있다면)와 두 번째 매개 변수의 속성을 첫 번째 매개 변수 대상에 복사하는 것으로 간단하게 이해할 수 있다.
var animal ={name:'tome'}
Ext.apply(animal,{
	age:12,
	run:function(){
		console.info(' ')
	}
});
최종 동물 대상도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에서 학습(2): 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')}

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',
    ...
});

좋은 웹페이지 즐겨찾기