날마다 새롭게 또 날마다 새롭게

[Kendo] KendoUI 시작하기 본문

프로그래밍/Web

[Kendo] KendoUI 시작하기

아무유 2013. 11. 7. 01:21

1. KendoUI Download 


2. Dynamic Web Project 를 생성


3. WebContent에 Down받은 압축파일에서 js 와 styles 폴더를 복사

※ js 와 styles 폴더에서 jquery missing semicolon error 가 발생할 경우

해결] 프로젝트 속성 - JavaScript - Include Path - Source 탭 - Excluded 를 수정해야함.

Inclusion and Exclusion Patterns에서 Exclusion patterns 에 **/*.min.js 라고 입력함.


4. 간단한 샘플 코드 작성 index.jsp 


<!doctype html> <html> <head> <title>Kendo UI DataViz</title> <link href="styles/kendo.dataviz.min.css" rel="stylesheet" /> <script src="js/jquery.min.js"></script> <script src="js/kendo.dataviz.min.js"></script> </head> <body> <div id="gauge"></div> <script> $(function() { $("#gauge").kendoRadialGauge(); }); </script> </body> </html>


5. 실행

Comments