[]
Wijmoライブラリ内のすべてのローカライズ可能な文字列を含むオブジェクトを取得または設定します。
カルチャセレクターは、<a href=''https://ja.wikipedia.org/wiki/ISO_639-1コード一覧''>ISO 639カルチャを表す2文字の文字列です。
要素にクラスを追加します。
クラスを追加する要素。
要素に追加するクラス(またはスペースで区切られたクラスのリスト)。
パラメーターが0から1まで変化するタイマーを使用して関数を呼び出します。
この関数を使用すると、ドキュメントのプロパティまたはスタイルを タイマーで変更することによってアニメーションを作成できます。
たとえば、以下のコードは、要素の不透明度を1秒間で0から1に変更します。
import { animate } from '@grapecity/wijmo';
const element = document.getElementById('someElement');
animate(pct => {
element.style.opacity = pct;
}, 1000);
この関数は、アニメーションの停止に使用できる内部IDを返します。 アニメーションの停止は通常、新しいアニメーションを開始するときや、 同じ要素で現在実行されている他のアニメーションを中止するときに行います。 たとえば、以下のコードは、内部IDを追跡して新しいアニメーションを開始する前にIDをクリアします。
import { animate } from '@grapecity/wijmo';
const element = document.getElementById('someElement');
if (this._animInterval) {
clearInterval(this._animInterval);
}
this._animInterval = animate(pct => {
element.style.opacity = pct;
if (pct == 1) {
self._animInterval = null;
}
}, 1000);
ドキュメントを変更するコールバック関数。 この関数は、パーセンテージを表す1つのパラメーターをとります。
アニメーションの持続時間(ミリ秒単位)。
アニメーションフレームの間隔(ミリ秒単位)。
アニメーションを中止するために使用できる期間 ID。
値が配列であることを表明します。
配列であるはずの値。
nullが許容されるかどうか。
渡された配列。
値がブール値であることを表明します。
ブール値であるはずの値。
nullが許容されるかどうか。
渡されたブール値。
値がICollectionView または配列であることを表明します。
配列または ICollectionView。
nullが許容されるかどうか。
渡されたICollectionViewまたは渡された配列から作成されたCollectionView
値が日付であることを表明します。
日付であるはずの値。
nullが許容されるかどうか。
渡された日付。
値が列挙体の有効な設定であることを表明します。
列挙体のメンバであるはずの値。
テストする列挙体。
nullが許容されるかどうか。
渡された値。
値が関数であることを表明します。
関数であるはずの値。
nullが許容されるかどうか。
渡された関数。
値が整数であることを表明します。
整数であるはずの値。
nullが許容されるかどうか。
正の整数のみを受け入れるかどうか。
渡された数値。
値が数値であることを表明します。
数値であるはずの値。
nullが許容されるかどうか。
正の数値のみを受け入れるかどうか。
渡された数値。
値が文字列であることを表明します。
文字列であるはずの値。
nullが許容されるかどうか。
渡された文字列。
値が指定した型のインスタンスであることを表明します。
チェックする値。
期待される値の型。
nullが許容されるかどうか。
渡された値。
条件が偽の場合、例外をスローします。
真であることが期待される条件。
条件が真でない場合の例外メッセージ。
最小値から最大値までの範囲に値をクランプします。
元の値。
許容される最小値。
許容される最大値。
セレクターを満たす最も近い祖先(元の要素を含む)を検索します。
検索を開始する要素。
セレクター式を含む文字列に対する要素を一致させます。
セレクターを満たす最も近い祖先。見つからない場合はnull。
クラスセレクターを満たす最も近い祖先(元の要素を含む)を検索します。
検索を開始する要素。
クラス名を含む文字列に対する要素を一致させます。
指定されたクラス名を含む最も近い祖先。見つからない場合はnull。
HTML要素に別の要素が含まれているかどうかをチェックします。
親要素。
子要素。
Wijmoポップアップを考慮に入れるかどうか。
親要素に子要素が含まれている場合はTrue。
オブジェクトのプロパティを別のオブジェクトにコピーします。
コピー先オブジェクトでは、コピー元で定義されているすべてのプロパティが 定義されている必要があります。
そうでなければ、エラーがスローされます。
コピー先オブジェクト。
コピー元オブジェクト。
コピー先オブジェクト。
HTML文字列から要素を作成します。
HTMLElementに変換するHTMLフラグメント。
新しい要素を付加する先のオプションのHTMLElement。
新しい要素のルートに適用するオプションのCSS属性。
新しい要素。
入力要素のautocompleteプロパティ、autocorrectプロパティ、autocapitalizeプロパティ、 およびspellcheckプロパティを無効にします。
入力要素。
要素を有効または無効にします。
有効または無効にする要素。
要素を有効にするか無効にするか。
HTML文字をテキストエンティティに置き換えることによって文字列をエスケープします。
ユーザーが入力した文字列は常に、HTMLページに表示する前に エスケープする必要があります。これにより、ページの完全性が維持され、 HTML/JavaScriptインジェクション攻撃を防ぐことができます。
エスケープするテキスト。
元の文字列のHTMLでエスケープされたバージョン。
特殊な正規表現文字の前にバックスラッシュを付けることにより、文字列をエスケープします。
エスケープするテキスト。
元の文字列の正規表現でエスケープされたバージョン。
テンプレートリテラル表記の文字列を評価します。
この関数を使用すると、テンプレートリテラルが宣言されているときではなく、要求した時に評価できます。
テンプレート文字列は、標準のテンプレートリテラル構文を使用します。 これは、テンプレートリテラル(逆引用符で囲まれる状態)ではなく、通常の文字列(単一引用符または二重引用符で囲まれる状態)です。
テンプレート文字列には、パラメータとして渡されるコンテキストオブジェクトで提供される変数への参照を含めることができます。
テンプレート文字列には、glbzタグ関数で使用されるフォーマット情報が含まれる場合があります。
次に例を示します。
import { evalTemplate } from '@grapecity/wijmo';
const msg = evalTemplate('hello ${user}, want some ${Math.PI}:n2?', { user: 'Chris' }));
console.log(msg);
> hello Chris, want some 3.14?
テンプレートリテラル表記ないの文字列。
テンプレートにアクセス可能なプロパティを持つオブジェクト。
結果を含む文字列。
指定された文字列内の各書式項目をオブジェクトの値に対応するテキストに置き換えます。
この関数は、formatString 内のパターン'{name:format}'を data パラメータのプロパティに置き換えます。 次に例を示します。
import { format } from '@grapecity/wijmo';
let data = { name: 'Joe', amount: 123456 },
msg = format('Hello {name}, you won {amount:n2}!', data);
format 関数は複数形式をサポートします。 書式文字列が'count'プロパティと'when'プロパティを含むJSONエンコードオブジェクトの場合、 このメソッドはデータオブジェクトの'count'パラメータを使用して、 'when'プロパティから適切な書式を選択します。次に例を示します。
import { format } from '@grapecity/wijmo';
fmtObj fmt = {
count: 'count',
when: {
0: 'No items selected.',
1: 'One item is selected.',
2: 'A pair is selected.',
'other': '{count:n0} items are selected.'
}
};
let fmt = JSON.stringify(fmtObj);
console.log(format(fmt, { count: 0 })); // 項目が選択されていません。
console.log(format(fmt, { count: 1 })); // 項目が1つ選択されています。
console.log(format(fmt, { count: 2 })); // 項目が2つ選択されています。
console.log(format(fmt, { count: 12 })); // 項目が12つ選択されています。
オプションの formatFunction を使用すると、 状況依存の書式設定を指定してコンテンツをカスタマイズできます。 指定すると、書式要素ごとに書式関数が呼び出され、 データオブジェクト、パラメータ名、書式、および値が渡されて、出力文字列が返されます。次に例を示します。
import { format, isString, escapeHtml } from '@grapecity/wijmo';
let data = { name: 'Joe', amount: 123456 },
msg = format('Hello {name}, you won {amount:n2}!', data,
(data, name, fmt, val) => {
if (isString(data[name])) {
val = escapeHtml(data[name]);
}
return val;
}
);
各種要素から成る複合的な書式文字列。
文字列の構築に使用するデータオブジェクト。
(オプション)コンテキストに応じて項目を書式設定する場合に使用する関数。
書式設定された文字列。
シャドウドキュメントフラグメントも考慮して、フォーカスを持つ要素への 参照を取得します。
配列内の値から集計値を計算します。
計算する集計のタイプ。
集計する項目を含む配列。
集計するプロパティの名前(項目が単純な値でない場合)。
jQueryのセレクターから要素を取得します。
要素、セレクター文字列、またはjQueryオブジェクト。
要素の外接矩形(ページ座標単位)を取得します。
これは getBoundingClientRect 関数に似ていますが、 ビューポート座標を使用する点が異なります(ビューポート座標はドキュメントの スクロールに従って変更されます)。
配列内の項目の名前と項目の種類を含む配列を取得します。
データ項目を含む配列。
入力配列にある項目の各プリミティブプロパティの連結と種類を含むオブジェクトを含む配列。
指定されたベースIDに連続する数値を付加して、要素の新しい一意IDを 作成します。
一意IDを生成するためのベースとして使用する文字列。
現在ロードされているWijmoライブラリのバージョンを取得します。
テンプレートリテラルで使用するタグ関数を表します。
glbzタグ関数を使用すると、テンプレートリテラル式の変数のフォーマットを指定できます。
glbzを使用してテンプレートリテラルの変数をフォーマットするには、フォーマットする変数の名前の後にコロンとフォーマット文字列を追加します。
次に例を示します。
import { glbz } from '@grapecity/wijmo';
let num = 42,
dt = new Date(),
msg = glbz`the number is ${num}:n2, and the date is ${dt}:'MMM d, yyyy'!`;
要素がクラスを持つかどうかをチェックします。
チェックする要素。
チェックするクラス。
ICollectionView が定義されていて空でないかどうかをチェックします。
チェックする ICollectionView。
showPopup メソッドによって表示されたポップアップ要素を非表示にします。
非表示にするポップアップ要素。
DOMからポップアップを削除するか、またはポップアップを非表示にするかを決定します。 このパラメータは、ポップアップがDOMから削除された後で呼び出されるコールバック関数またはブール値です。
ポップアップを徐々に非表示にするフェードアウトアニメーションを使用するかどうか。
フェードアウトを中止するために使用できる期間 ID。
HTTP要求を実行します。
successメソッドを使用して、コールバックのXMLHttpRequestパラメータで提供されるリクエストの結果を取得します。 たとえば、次のコードは、httpRequestメソッドを使用して、ODataサービスから顧客のリストを取得します。
import { httpRequest } from '@grapecity/wijmo';
httpRequest('https://services.odata.org/Northwind/Northwind.svc/Customers?$format=json', {
success: xhr => {
let response = JSON.parse(xhr.responseText),
customers = response.value;
// 顧客に対して何らかの処理を行います。
}
});
要求が送信されるURLを含む文字列です。
リクエストの構築に使用する任意指定のIHttpRequestOptionsオブジェクト。
要求の実行に使用されるXMLHttpRequestオブジェクト。
オブジェクトが配列かどうかを判断します。
テストする値。
オブジェクトがブール値かどうかを判断します。
テストする値。
オブジェクトが日付かどうかを判断します。
テストする値。
オブジェクトが空(列挙可能なプロパティが含まれない)であるかどうかを判定します。
テストするオブジェクト。
オブジェクトが関数かどうかを判断します。
テストする値。
オブジェクトが整数かどうかを判断します。
テストする値。
文字列がnull、空、またはホワイトスペースのみかどうかを判断します。
テストする値。
オブジェクトが数値かどうかを判断します。
テストする値。
オブジェクトが(値型または日付ではなく)オブジェクトであるかどうかを判断します。
テストする値。
オブジェクトがプリミティブ型(string、number、Boolean、Date)かどうかを判断します。
テストする値。
オブジェクトが文字列かどうかを判断します。
テストする値。
オブジェクトが未定義かどうかを判断します。
テストする値。
指定された親要素内の次/前/最初のフォーカス可能な子にフォーカスを移動します。
親要素。
フォーカスを移動するときに使用するオフセット(フォーカス可能な最初の子要素にフォーカスする場合は、0を使用)。
フォーカスが設定されている場合はtrue、フォーカス可能な要素が見つからない場合はfalse。
要素をDOMツリーから安全に削除します。
DOMツリーから削除する要素。
要素からクラスを削除します。
クラスを削除する要素。
要素から削除するクラス(またはスペースで区切られたクラスのリスト)。
ファイルに内容を保存します。
ファイルに保存される文字列。
保存するファイルの名前(拡張子を含む)。
オプションのファイルMIMEの種類。
saveFileメソッドを使用して、テキストファイル(txt、csv、html)および画像ファイルを作成できます。
たとえば、次のサンプルコードはFlexGrid内の現在の選択範囲をCSVファイルに保存します。
import { saveFile } from '@grapecity/wijmo';
const clipString = theGrid.getClipString(null, true, true, false);
saveFile(clipString, 'grid.csv', 'text/csv');
また、次のサンプルコードは、canvas要素の内容をJPGファイルに保存します。
import { saveFile } from '@grapecity/wijmo';
let dataUrl = canvas.toDataURL('image/jpg', 0.95),
match = dataUrl.match(/^data:([^,]+),(.*)$/i);
saveFile(match[2], 'canvas.jpg', match[1]);
要素の aria-label 属性を設定またはクリアします。
更新する要素。
aria labelの値。要素からラベルを削除するにはnull。
要素の属性を設定またはクリアします。
更新する要素。
追加または削除する属性の名前。
属性の値。要素から属性を削除するにはnull。
存在する場合、元の属性を保持するかどうか。
チェックボックス入力要素のcheckedプロパティとindeterminateプロパティを設定します。
チェックボックス要素。
checkedの場合はtrue、uncheckedの場合はfalse、またはindeterminateの場合はnull。
オブジェクトで指定されたプロパティを適用して、要素のスタイルを変更します。
スタイルを変更する要素または要素の配列。
要素に適用するスタイルプロパティを含むオブジェクト。
ライセンス付きWijmoアプリケーションを識別するライセンスキーを設定します。
ライセンスキーが設定されていない場合は、 Wijmoは評価モードで動作し、ページに透かしが追加されます。
ライセンスを取得済みユーザーは、 新規ユーザー登録/ログイン のセクションからキーを入手することができます。
Wijmoはキーやライセンス情報をどのサーバーにも送信しないことに注意してください。 提供されたキーの内部整合性のみを確認します。
このアプリケーションで使用するライセンスキーを含む文字列。
テキストフィールド内の選択の開始位置と終了位置を設定します。
このメソッドはHTMLInputElementオブジェクトのネイティブの setSelectionRange メソッドに似ていますが、 例外を引き起こす可能性のある条件(要素がDOM内にない、 要素が無効または非表示になっている)をチェックする点が異なります。
選択するHTMLInputElementまたはHTMLTextAreaElement。
選択範囲の開始のテキストフィールドへのオフセット。
選択範囲の終了のテキストフィールドへのオフセット。
要素のテキストの内容を設定します。
内容が更新されている要素。
要素に割り当るテキスト。
要素をポップアップとして表示します。
ポップアップ要素はボディ要素の子になり、 指定されたPopupPositionに応じて参照矩形に対して配置されます。
参照矩形は以下のいずれかとして指定できます。
hidePopup メソッドを呼び出してポップアップを非表示にします。
ポップアップとして表示する要素。
ポップアップの配置に使用される参照要素または矩形。
参照要素に対するポップアップの位置。
フェードインアニメーションを使用してポップアップを徐々に表示します。
参照要素からフォントと色のスタイルをコピーするか、要素をスタイルソースとして使用するかどうか。
親要素のスクロールの結果として、ポップアップが非表示になったときに呼び出されるオプションの関数。
フェードインアニメーションを中止するために使用できる期間 ID。
数値を指定した精度に切り上げまたは切り捨てます。
切り上げまたは切り捨てる値。
結果の桁数。
元の値を切り捨てるか、切り上げるか。
キャメルケースの文字列をヘッダタイプの文字列に変換します。 最初の文字を大文字にし、小文字の後に大文字が続いている場合に大文字の前にスペースを追加します。
たとえば、'somePropertyName'は'Some Property Name'になります。
ヘッダタイプの文字列に変換する文字列。
HTML文字列をプレーンテキストに変換します。
プレーンテキストに変換するHTML文字列。
文字列のプレーンテキストバージョン。
要素にクラスを追加、または要素からクラスを削除します。
クラスを追加する要素。
追加または削除するクラス。
クラスを追加するか削除するか。 指定しない場合は、クラスを切り替えます。
可能な場合、値を型にキャストします。
キャストする値。
キャスト先の型またはインタフェース名。
キャストが成功した場合に渡される値、それ以外の場合はnull。
すべてのコントロールおよびモジュールによって使用されるユーティリティと Control および Event クラスが含まれます。