SpreadJS製品ヘルプ
カスタム言語パックの作成と使用
SpreadJS > 開発者の手引き > 機能 > ユーザーインタフェースの管理 > 数式 > 言語パック > カスタム言語パックの作成と使用

18以上の使用可能な言語パックをサポートする以外、SpreadJSはカスタムローカライズもサポートします。この機能を使用することで、独自のカスタム言語を定義し、特定の要件に従って単語または句を表示することができます。

カスタム言語パックは、ユーザーが異なるロケールで作業する際、地域の日付と時刻の形式を使用する必要がある場合に役立ちます。本機能を使用すると、優先する言語で関数名をローカライズしたり、カスタム関数を操作したり、テーブル関数を定義したり、テーブルの数式キーワード、CalcError句とブール値をカスタマイズしたり、特別な関数ロジックを操作したりすることができます。

カスタム言語パックを使用するには、CultureManager クラスのculture()とaddCultureInfo()メソッドを使用できます。

以下の画像は、いくつかのカスタム言語パックの使用を示します。

 

コードの使用

下記のコードは、カスタム言語パックを作成して使用する方法を示します。

JavaScript
コードのコピー
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="css/gc.spread.sheets.excel2013white.12.2.0.css" rel="stylesheet" />
<script src="scripts/gc.spread.sheets.all.12.2.0.min.js"></script>
<script src="scripts/demo.js"></script>
<script src="scripts/resource.js"></script>
<script>
$(document).ready(function () {

// Spreadを初期化します。
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });

// activesheetを取得します。
sheet = spread.getSheet(0);
spread.suspendPaint();
spread.options.showScrollTip = 3;
spread.options.showResizeTip = 3;
var table = sheet.tables.addFromDataSource("table1", 0, 0, source, GC.Spread.Sheets.Tables.TableThemes.medium2)
table.showFooter(true);
table.showHeader(true);
table.highlightFirstColumn(true);
table.setColumnFormula(3, "=SUM(D4:D12)");
table.setColumnFormula(2, "=SUM(E4:E12)");
table.setColumnValue(0, "Total");
sheet.setColumnWidth(0, 130);
sheet.setColumnWidth(4, 100);
spread.resumePaint();
GC.Spread.Common.CultureManager.addCultureInfo("de", null, de);
GC.Spread.Common.CultureManager.addCultureInfo("zh_tw", null, zh_tw);
GC.Spread.Common.CultureManager.addCultureInfo("fr", null, fr);
GC.Spread.Common.CultureManager.addCultureInfo("ha_ha", null, ha_ha);
spread.resumePaint();
var select = document.getElementById('CultureSelect');
select.onchange = function ()
{
  debugger;
  var culture = this.value;
  GC.Spread.Common.CultureManager.culture(culture);
  $("#l_description").text(langDescription[culture]);
  $("#language").val(JSON.stringify(window[culture], null, 2));
}
});
</script>
</head>

<body>
<div id="settingsDiv">
Switch Culture:
<select id="CultureSelect">
<option value="en">en</option>
<option value="zh_tw">zh-tw</option>
<option value="fr">fr</option>
<option value="de">de</option>
<option value="ha_ha">Ha-Ha</option>
</select>
</div>

<p id="l_description">基本言語およびデフォルト言語。</p>
<div id="ss" style="height:400px;width:600px"></div>
<textarea id="language" cols="85" rows="40" style="max-width: 98%" readonly="readonly"></textarea>
</body>
</html>