Script 태그로 RealGrid2 설치하기
HTML 페이지의 head 에 직접 필요한 태그를 추가하는 방식으로 RealGrid2를 초기화 할 수 있습니다. 이 방법은 전통적인 웹 개발 방식으로 빌드 시스템을 고민할 필요가 없기 때문에 간단합니다.
하지만, 모든 종속된 파일이 스크립트 태그를 통해 포함되어 있는지 수동으로 확인해야 하기 때문에 유지관리에 어려움이 있습니다. 고급 기능이 필요한 경우 ES6 빌드 시스템에서 RealGrid2 사용하기 를 확인하세요.
<script> 태그를 이용해 RealGrid2를 초기화 하려면 라이선스 및 RealGrid2 다운로드 받는 방법 문서에서 다운로드 받은 파일의 압축을 풀고 <script> 태그의 src 속성에 파일의 위치로 링크를 입력하여 포함 시킵니다.
<link href="/public/realgrid-2.0.0/realgrid-style.css" rel="stylesheet" />
<script src="/public/realgrid-2.0.0/realgrid-lic.js"></script>
<script src="/public/realgrid-2.0.0/realgrid.2.0.0.min.js"></script>
<style>
#realgrid {
width: 100%;
height: 440px;
}
</style>
<script>
const realGrid2Lic = 'upVcPE........';
document.addEventListener('DOMContentLoaded', function () {
const container = document.getElementById('realgrid');
const provider = new RealGrid.LocalDataProvider(false);
const gridView = new RealGrid.GridView(container);
gridView.setDataSource(provider);
});
</script>
<body>
<div id="realgrid"></div>
</body>라이선스 변수 "realGrid2Lic"
RalGrid2 사용을 위해 발급 받은 라이선스를 변수를 통해 RealGrid에 전달 할 수 있습니다. 라이선스 및 RealGrid2 다운로드 받는 방법에서 다운로드 받은 라이선스 파일을 html 의 <script> 태그로 입력할 수도 있지만 위 예제 코드에서 처럼 "realGrid2Lic" 변수에 대입하여 전달하는 방법도 있습니다.