Dojo Themes & dojo.js
Dojo Theme는 Dojo widget들에 대한 image들의 집합이며 font, color, layout등이 포함되어 있다. dojo.js는 modular toolkit이며 Dojo toolkit을 사용할 때 dojo의 base module을 불러온다.
Dojo Theme 와 dojo.js가 꼭 필요한 이유
Dojo를 사용할 때는 꼭 테마와 dojo.js code를 넣어주어야 한다. Theme설정을 안 할 경우 button, dialog message, table grid 등이 화면에 안 나올 수 있으며 dojo.js를 넣지 않으면 dojo의 base module들을 불러오지 못 한다.
Dojo Theme&dojo.js simple Example Code
|
<html> <head> <title>Hello, Dijit</title> <link rel="stylesheet" href="dojo-release-1.9.1/dijit/themes/claro/claro.css"> <script src="dojo-release-1.9.1/dojo/dojo.js"></script> </head> <body class="claro"> <h1>Hello, Dijit</h1> </body> </html> |
Table 4 Dojo Theme&dojo.js Simple Code
Dojo의 Theme를 불러오는 방법은 <link rel="stylesheet" href="dojo-release-1.9.1/dijit/themes/claro/claro.css"> 를 적어주면 된다. Dojo는 4가지 테마를 가지고 있으므로 상황에 따라 적절하게 테마를 불러오면 된다. 현재는 <body class="claro"> 로 body 전체에 claro 테마를 적용시킨 모습이다. 또한 Dojo의 base module을 불러오기 위해<script src="dojo-release-1.9.1/dojo/dojo.js"></script>을 삽입하였다. 여기서 주의할 점은 Dojo의 테마가 로딩이 끝난 다음에dojo.js가 나와야 하기 때문에 dojo.js를 테마 뒤에 코드를 삽입하기를 권장한다.
'Dojo > Basic' 카테고리의 다른 글
| Dojo Dialog Simple Example (0) | 2013.08.08 |
|---|---|
| 옛날 Dojo 방식과 현대 Dojo 방식 (0) | 2013.08.08 |
| Dojo Toolkit Install (0) | 2013.08.08 |
| Dojo Reference Site (0) | 2013.08.08 |