반응형
출처 및 참고 : mongodev.tistory.com/46?category=685442
ExtJS6 네번째 강의 - ExtJS 문법 및 viewport 레이아웃(fit,border) 이해
▼▼▼ ExtJS 강좌 구독을 원하시면, 아래 채널구독 부탁드립니다 ^^ ▼▼▼ https://www.youtube.com/channel/UCmIEd8PTq5PXJyXlboXKOpQ ExtJS 는 어떻게 UI 컴포넌트를 그리는 것인가? ExtJS는 기존 HTML 구조..
mongodev.tistory.com
1. ExtJS Theme
ExtJS의 theme는 app.json에서 변경이 가능하다.
1) ExtJS (classic) theme
- theme-classic
- theme-gray
- theme-neptune
- theme-crisp
- theme-triton (defalut)
2) Sencha Touch (modern) theme
- theme-material (defalut)
- theme-ios
- theme-neptune
- theme-triton
2. app.json 변경 후 빌드 작업
sencha app build : 설정사항 변경 빌드 작업
sencha app watch
3. app.js 에 코드 입력
Ext.onReady(function(){
Ext.Msg.alert("Header","HelloWorld!!");
});
4. ExtJS 정리
- ExtJS에 관련된 모든 컴포넌트는 Ext가 붙는다.
- html을 수정하지않고 모든 output을 javascript만으로 구성한다. <body>태그 안에 코드가 존재할 필요가 없다.
- ExtJS의 alert창은 자바스크립트의 alert()와 다르게 ui구성일 뿐이다. 자바스크립트는 alert창이 뜨면 사용자가 동작을 할 때까지 다음 로직으로 넘어가지 않지만, ExtJS의 alert는 그대로 통과해버린다. 따로 함수를 만들어 return을 준다던가 하는 별도의 행위가 필요하다.
반응형
'Programming > ExtJS' 카테고리의 다른 글
| [ExtJS] window component / tap panel (0) | 2020.11.25 |
|---|---|
| [ExtJS] 다양한 MessageBox / alert (0) | 2020.11.25 |
| [ExtJS] Buttons을 활용한 UI 만들어보기 (0) | 2020.11.25 |
| [ExtJS] layout과 layout속성 (0) | 2020.11.24 |
| [ExtJS] ExtJS설치/환경설정/프로젝트생성 (0) | 2020.11.20 |
