ExtJS4.2 학습(2) Ext 통합 어셈블리 모델

배우고 생각하지 않으면 망하고, 생각하지만 배우지 않으면 위태롭다.비록 ext 구성 요소는 거의 완벽한 대상 계승 모델을 가지고 있지만 이것은 하부 구조의 일부분에 속한다. 우리가 일상적으로 개발할 때 가장 많이 접촉하는 것은 각종 구성 요소와 구조이다. 구성 요소, 구조의 각종 조합을 통해 최종적으로 기능이 강한 응용을 형성했기 때문에 먼저 ext의 구성 요소 모델에 대해 이해할 필요가 있다.
Ext의 모든 시각적 구성 요소는 Ext.component에서 계승됩니다. 이런 단일 계승 모델은 모든 구성 요소가 같은 통용적인 방법과 생명 주기를 가지고 있기 때문에 다음에 이 구성 요소에 대해 유지 관리를 할 때 더욱 편리할 뿐만 아니라 레이아웃을 할 때의 편리도 보장합니다.
구성 요소에서 가장 흔히 볼 수 있는 몇 가지 기능은 initComponent (), render (), show (), hide () 를 포함한다. 어떤 구성 요소든 초기화, 렌더링, 표시, 숨기기를 통해 전체 생명 주기를 실현한다.
기본 클래스인 Ext.Component 자체에는 형식이 포함되지 않기 때문에 사용할 때 렌더링된 HTML 내용을 지정해서 HTML 매개 변수를 통해 전달해야 합니다.
다음 예제: Hello Extjs4.2 /* Start ExtJS **/ // : 、 、 、 /*Ext.onReady(function(){ var box = new Ext.Panel({ el: 'test', title:' ', floating:true, draggable:true, html:' ', pageX:100, pageY:50, width:200, height:150 }); box.render(); });*/ Ext.onReady(function(){ var box = new Ext.Component({ el: 'test', style:'background-color:red;position:absoulte', pageX:100, pageY:50, width:200, height:150 }); box.render(); }); /* END ExtJS **/

나의 ExtJS4.2 공부의 길


: :2013-11-05 22:35:38

Extjs의 통일된 구성 요소 모형을 깊이 있게 이해하다


위의 예는 효과를 표시합니다.주석 부분은 두 번째 효과입니다. Ext.Panle은 Ext에서 자주 사용하는 구성 요소로 Ext.Container에서 직접 계승됩니다.위의 구성 요소와 달리 Ext.panel은 계승하지 않고 바로 사용할 수 있습니다.다음 그림은 효과입니다.
Ext4.2는 편평한 디자인을 활용해서 마음에 들어요.즐겁게 공부하세요!
연재 중입니다. 계속 지켜봐 주세요!본고는 나의 개인 사이트 사고자 일기망에서 나온 것이다

좋은 웹페이지 즐겨찾기