Wijmo UI for the Web
カスタム Grid 文字列
| Wijmo ユーザーガイド > 概念 > ローカライズとグローバライズ > カスタム Grid 文字列 |
フィルタドロップダウンに表示されるフィルタ名をローカライズする方法が２つあります。filterOperatorsListShowing イベントハンドラを使用する方法と、embeddedFilters オプションの演算子にローカライズ名を設定する方法です。次のリストは、ローカライズ可能なデフォルトフィルタ名のリストです。
|
|
|
filterOperatorsListShowing イベントハンドラを使用して、フィルタをローカライズするには、ページの <head> セクションに次のようなスクリプトを追加します。
コード例
| カスタム文字列スクリプト |
コードのコピー |
|---|---|
<script type="text/javascript"> $(document).ready(function () { $("#demo").wijgrid({ data: [["0", "a"], ["1", "b"]], showFilter: true, filterOperatorsListShowing: function (e, args) { $.each(args.operators, function (_, op) { switch (op.name) { case "NoFilter": op.displayName = "Custom name 1"; break; case "Contains": op.displayName = "Custom name 2"; break; // ... // // 以下同様 } }); } }); }); </script> | |
embeddedFilters オプションを使用して演算子のローカライズ名を設定するには、次のようなスクリプトを使用します。
コード例
サンプル タイトル |
コードのコピー |
|---|---|
<script type="text/javascript"> $(document).ready(function () { localizeFilters({ NoFilter: "Custom name 1", Contains: "Custom name 2" // ... // // and so on }); $("#demo").wijgrid({ data: [["0", "a"], ["1", "b"]], showFilter: true, }); }); function localizeFilters(obj) { if (obj) { jQuery.each(obj, function(key, value) { key = key.toLowerCase(); var op = $.wijmo.wijgrid.embeddedFilters[key]; if (op) { op.displayName = value; } }); } } </script> | |
Grid ウィジェットでは、mode が nextPrevious、nextPreviousFirstLast、または numericFirstLast に設定され、データのページ数がグリッドのサイズより十分に大きい場合、４つのボタンが表示されます。
mode を numeric に設定した場合、これらのボタンは表示されないため、このローカライゼーションは必要ない点に注意してください。
ページャーボタンのツールチップテキストをローカライズするには、ページの <head> セクションに次のようなスクリプトを追加します。
コード例
| カスタム文字列スクリプト |
コードのコピー |
|---|---|
<script type="text/javascript"> $(document).ready(function () { $("#demo").wijgrid({ allowPaging: true, pageSize: 4, data: data, pagerSettings: { mode: "nextPreviousFirstLast", firstPageText: "Premier", lastPageText: "Dernier", nextPageText: "Suivant", previousPageText: "Precedent" } }); }); </script> | |
全て展開
すべて折りたたむ