반응형
ExtJS 기본 구조
기본 문법은 JSON 규약을 따름
단일 속성: "{}"
다중 속성: "[{},{}]
ExtJS onReady : HTML 페이지가 출력 된 후, 수행
Ext.onReady(function (){
// 코드 위치
});
Ext.create('클래스명',{},콜백)
Ext.define된 클래스를 사용할때 사용가능
Ext.create('Ext.panel.Panel',{
});
Configs 이해하기
컴포넌트마다 지원하는 Config(속성)이 다양한 속성을 가지고 있으며, 해당 속성값을 객체 생성시 설정이 가능하다.
해당 속성을 누르면, 해당 속성의값의 타입(ex: Number, String)을 확인할 수 있습니다.
원하는 위치에 출력하기 (renderTo)
Ext.create를 이용해서, 생성시 화면에 출력이 안된다. renderTo속성의 config로 원하는 tag의 위치에 출력 가능하다.
//renderTo: Ext.getBody()
renderTo: document.getElementById("extPanel");
});
})
</script>
</head>
<body>
<div id="extPanel" style="border:solid 2px red"></div>
반응형
'Web > Javascript' 카테고리의 다른 글
| [Sencha&ExtJS] ExtJS 기초.6 - Ext.window.Window (0) | 2015.06.24 |
|---|---|
| [Sencha&ExtJS] ExtJS 기초.5 - Ext.Msg.창 (0) | 2015.06.24 |
| [Sencha&ExtJS] ExtJS 기초.4 - Panel / toolbar 위치정렬 / Button (0) | 2015.06.24 |
| [Sencha&ExtJS] ExtJS 기초.3 - 이벤트 handler / listeners (0) | 2015.06.24 |
| [Sencha&ExtJS] ExtJS 기초.1 - ExtJS 5.1 GPL 다운로드 + Layout (0) | 2015.06.18 |
| [Sencha&ExtJS] Sencha 2.2.1 동영상 (0) | 2015.06.18 |
| Javascript로 excel 또는 csv 파일 만들기 (ExcellentExport.js 2.0) Edge 브라우저 지원 (0) | 2015.03.31 |
| [JS] setInterval() 반복 실행 (0) | 2015.03.21 |
도움이 되셨다면 하트모양의 "♡ 공감"을 눌러주시면 큰 격려가 됩니다.
(로그인하지 않으셔도 가능)
(로그인하지 않으셔도 가능)