이 두 코드의 차이점은 무엇입니까?

Question

저는 ExtJs를 처음 접했고 몇 가지 기본적인 것들을 밟았으며 초보자로서 시작하기가 매우 어려웠습니다.

Ext.widget('button', { 
text: 'some long title of my cool button', 
scale: 'large', 
cls: 'my-button', 
width: 100, 
renderTo: 'output' 
}); 

내 생각이 버전의 beacuse이다, 그것은이 있습니다

에는 sample1 :

var nextBtn = new Ext.Button({ 
    text: 'Next >>', 
    handler: function() { 
     Ext.getDom('form_main').submit(); 
    }, 
    id: 'next', 
    renderTo: 'next' 
}); 

SAMPLE2 아래

는 구현 내선 버튼의 두 가지 방법 변경되었습니다. 이 두 코드의 차이점을 알려주십시오.

감사합니다,

Answer 1

ExtJS에서 클래스를 인스턴스화하는 데는 여러 가지 방법이 있습니다.

예를 들어이 정의 보자

첫째 : 당신이 Ext.button.Button 인스턴스화 다음 방법 중 하나를 선택할 수 있습니다 그리고

Ext.define ('Ext.button.Button', { 
    alias: 'widget.button' , 
    // here other properties and methods ... 
}); 

자바 스크립트 스타일을

var button = new Ext.button.Button ({ 
    // props and methods 
}); 

둘째 : ExtJS 스타일 Ext.create 방법

var button = Ext.create ('Ext.button.Button', { 
    // props and methods 
}); 

셋째 : 나는 그들이 ExtJS에 동적 로더를 사용하기 때문에 두 번째 또는 세 번째 방법을 사용하는 것이 좋습니다 Ext.widget 방법은

var button = Ext.widget ('button', { 
    // props and methods 
}); 

(이 별칭 속성을 사용)과는 ExtJS 스타일 : here's the documentation