extjs layout
[ ExtJS ] ExtJS의 레이아웃 Layout
ExtJS 는 기본적으로 Accordion, Border, Tab 등 여러가지 레이아웃을 제공한다. 어떤 레이아웃들이 있는지 설명과 예제를 보며 이해해보자. Accordion Layout ? 요약 되어진 하나의 패널의 Title 을 클릭하게 되면 이를 확장해 해당하는 Content 는 보여주고, 그 외의 Content 는 감춰주는 형식의 스타일을 가진 레이아웃이다. Accordion Layout Example Code Ext.create("Ext.container.Viewport",{ renderTo: Ext.getBody(), layout: 'accordion', items:[ { title: 'First Title', html: 'First Content' }, { title: 'Second Titl..
[ ExtJS ] ExtJS 기초 문법, 그리고 Border Layout.
ExtJS 란? ExtJS 는 Client-Side 기반의 JavaScript Framework 이다. 이는 수백가지가 넘는 강력한 UI 컴포넌트를 지원하며, Classic, Gray, Crisp 등의 여러 테마 또한 지원한다. 컴포넌트 제작은 key value 형태를 가진 JSON 구조로 생성된다. 현 포스팅에선 ExtJS 설치 방법 포스팅에서 사용한 test.html 파일을 다룬다. 먼저, ExtJS 의 기초문법 몇 가지를 살펴보자. Ext.onReady() Ext.onReady(function() { ... }); Ext.onReady(function() { ... } ) 은 기존 JavaScript 의 window.onload 와, JQuery 의 $(document).ready(function(..