지역화
ActiveReportsJS 지역화 모듈
ActiveReportsJS에서는 영어(en), 일본어(ja), 중국어(zh)로 번역된 보고서 뷰어 UI 텍스트가 포함된 지역화 모듈을 제공합니다. 이 모듈은 다운로드 패키지의 dist\locales 폴더에서 사용할 수 있습니다. 또한 지역화 모듈은 @grapecity/activereports-localization 패키지 내에서 배포됩니다.
보고서 뷰어 지역화 모듈 가져오기
순수 JavaScript 응용 프로그램에서 지역화 모듈 스크립트는 script 태그로 참조할 수 있습니다. 예를 들어 다음과 같습니다.
<script type="text/javascript" src="scripts/ar-js-locales.js"></script>
JavaScript 모듈을 사용하는 응용 프로그램에서 @grapecity/activereports-localization 패키지에서 현지화 모듈을 가져올 수 있습니다. 예를 들어 다음과 같습니다.
import "@grapecity/activereports-localization";
보고서 뷰어 UI 언어 설정
순수 JavaScript 응용 프로그램에서 ActiveReports.Viewer 구성자가 옵션을 두 번째 매개 변수로 수락하면 해당 옵션을 사용하여 UI 언어를 설정할 수 있습니다. 예를 들어 다음과 같습니다.
var viewer = new ActiveReports.Viewer("#viewer-host", { language: "ja" });
JavaScript 응용 프로그램에서 ActiveReportsJS 사용에 대한 자세한 내용은 순수 JavaScript 페이지를 참조하십시오.
응용 프로그램에서 React, Angular 또는 Vue 보고서 뷰어 컴포넌트를 사용 중이라고 가정합니다. 이 경우 해당 컴포넌트의 language 속성을 통해 언어를 설정할 수 있습니다. 예를 들어 다음은 React 뷰어 컴포넌트에 대해 중국어를 설정하는 코드입니다.
import { Viewer as ReportViewer } from "@grapecity/activereports-react";
import "@grapecity/activereports/styles/ar-js-viewer.css";
import "@grapecity/activereports-localization";
function App() {
return (
<div className="App">
<div id="viewer-host">
<ReportViewer language="zh" />
</div>
</div>
);
}
Angular, React 및 Vue 응용 프로그램에서 각각 보고서 뷰어를 사용하는 방법에 대한 자세한 내용은 Angular 컴포넌트, React 컴포넌트 및 Vue 컴포넌트 페이지를 참조하십시오.