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