ExtJS4.2 학습(2) 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는 편평한 디자인을 활용해서 마음에 들어요.즐겁게 공부하세요!
연재 중입니다. 계속 지켜봐 주세요!본고는 나의 개인 사이트 사고자 일기망에서 나온 것이다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
위챗 애플릿의 간단한 로그인 페이지 이동우선 APP에 tapbar를 설정합니다.js에서 관련 데이터 사용자의 정보를 설정합니다. login 페이지는 귀속 데이터가 필요합니다.사용자 이름 로그인 이벤트 바인딩하기; 사용자 정보를 표시하는 사용자 페이지use...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.