V2
V2V1

本地化设置

ActiveReportJS 本地化功能

ActiveReportsJS 提供了三种 Viewer 语言资源,英文,日语及中文。您可以在安装包的dist\locales 文件夹中找到 locales 文件 或者 @grapecity/activereports-localization 包中引用。

引用报表 Viewer 本地化功能

纯 JavaScript 引用本地资源 js文件:

<script type="text/javascript" src="scripts/ar-js-locales.js"></script>

或是导入 @grapecity/activereports-localization

import "@grapecity/activereports-localization";

设置报表 Viewer UI 语言

纯 JavaScript 应用, 可在 ActiveReports.Viewer 实例化的方法中设置显示语言,例如:

var viewer = new ActiveReports.Viewer("#viewer-host", { language: "zh" });

如果使用前端框架 React, Angular, 或 Vue 报表 Viewer 控件,也可以设置 Viewer的 language 属性 ,以下是 React Viewer 设置中文语言的示例:

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>
  );

相关链接