Web/Javascript
[Sencha&ExtJS] ExtJS 기초.2 - ExtJS 문법/create/config/renderTo
saltdoll
2015. 6. 19. 09:01
반응형
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>
반응형