지역화

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 컴포넌트 페이지를 참조하십시오.

관련 링크

• 라이브 데모