Wijmo UI for the Web
ローカライズとグローバライズ
| Wijmo ユーザーガイド > 概念 > ローカライズとグローバライズ |
Wijmo ウィジェットのローカライズについて、２つの異なる概念があります。１つ、サポートされているカルチャの日付と数値をグローバライズできます。２つ、特定のボタン、ツールチップ、その他各ウィジェットのユーザーインタフェースに表示されるテキストのカスタム文字列を提供できます。
以下のウィジェットの日付と数値はローカライズ可能です。
これらのウィジェットはどれも、globalize.cultures.js でサポートされているカルチャを culture オプションに設定することでローカライズできます。このファイルのコピーは、次のようなパスのインストールフォルダにあります。
...\Wijmo.3.20151.71\Wijmo-Open\development-bundle\external\cultures
CDN は個別ファイルをすべてホストしています。また、Github からファイルをダウンロードすることもできます。
 |
注意:Globalize でローカライズできるのは日付と数値のみです。Wijmo では、ウィジェットのその他のテキストにカスタム値を指定することができます。 |
このクイックスタートセクションでは、グローバライズを使用してウィジェットの日付と数値をローカライズする方法を示します。手法は日付または数値を表示する各ウィジェット（上記のリスト参照）で同一です。
グローバライズの手順
| 基本的なページのマークアップ |
コードのコピー |
|---|---|
<!DOCTYPE HTML> <head> </head> <body> </body> </HTML> | |
| 基本的なページのマークアップ |
コードのコピー |
|---|---|
<!--jQuery References--> <script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js" type="text/javascript"></script> <!--Theme--> <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css" rel="stylesheet" type="text/css" /> <!--Wijmo Widgets CSS--> <link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20151.71.min.css" rel="stylesheet" type="text/css" /> <!--Wijmo Widgets JavaScript--> <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20151.71.min.js" type="text/javascript"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20151.71.min.js" type="text/javascript"></script><!--Culture--> <script src="http://cdn.wijmo.com/external/cultures/globalize.culture.fr-FR.js" type="text/javascript"></script> | |
<div id="eventscalendar"></div><div> 要素はウィジェットを作成します。id 属性はウィジェットの名前に設定します。これを jQuery から呼び出して、ウィジェットを初期化します。このマークアップはページにウィジェットを追加します（その他のウィジェットに使用するマークアップについては、個別のウィジェットトピックを参照してください）。
| デフォルト値 |
コードのコピー |
|---|---|
<script type="text/javascript">
$(document).ready(function () {
$("#eventscalendar").wijevcal({
culture: "fr-FR"
});
});
</script>
| |
ローカライズされたイベントカレンダー |
グローバリゼーションを使用して日付と数値の書式をローカライズする他に、Wijmo では、ウィジェットの UI の文字列をすべてローカライズまたはカスタマイズすることができます。ウィジェットの各文字列をローカライズするサンプルコードを示します。
全て展開
すべて折りたたむ