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