ExtJS 2.0 실 용적 이 고 간단명료 한 튜 토리 얼 의 구조 개술
Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
width:400,
height:200,
layout:"column",
items:[{columnWidth:.5,
title:" 1"},
{columnWidth:.5,
title:" 2"}]
});
});
위의 코드 는 패 널 Panel 을 만 들 었 습 니 다.Panle 은 용기 구성 요소 입 니 다.layot 를 사용 하여 이 패 널 을 Column 레이아웃 으로 지정 합 니 다.이 판 넬 의 하위 요 소 는 두 판 넬 입 니 다.이 두 판 넬 은 열 레이아웃 과 관련 된 설정 매개 변수 속성 columnWidth 를 포함 하고 있 습 니 다.그들의 값 은 모두 0.5 입 니 다.즉,모든 판 넬 이 절반 을 차지 하 는 너비 입 니 다.위의 프로그램 을 실행 하여 다음 그림 과 같은 결 과 를 생 성 합 니 다Ext 의 일부 용기 구성 요 소 는 카드 레이아웃,FormPanel 은 form 레이아웃,GridPanel 의 표 는 column 레이아웃 등 을 사용 합 니 다.우 리 는 이 구성 요 소 를 사용 할 때 이 용기 구성 요 소 를 다른 레이아웃 으로 지정 할 수 없습니다.ExtJS 2.0 은 모두 10 가지 구 조 를 포함 하고 자주 사용 하 는 구 조 는 border,column,fit,form,card,tabel 등 구조 가 있 습 니 다.다음은 이 몇 가지 구 조 를 간단하게 소개 하 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
PHP로 만든 오픈 소스 CMS "Pimcore"설치Pimcore는 Zend Framework와 Ext JS 등으로 만들어진 오픈 소스 CMS입니다. 고기능 너무 코피가 나오게 되기 때문에 주의. 아래에서 공식 데모 사이트에 로그인할 수 있습니다. 해외 사이트 때문인...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.