[]
この特定のコンポーネントのグローバルなWjOptions.asyncBindingsの設定をオーバーライドできます。 詳細については、WjOptions. WjOptions.asyncBindings プロパティの説明を参照してください。
検索するときに大文字と小文字を区別するかどうかを決定する値を取得または設定します。
このプロパティのデフォルト値はfalseです。
現在チェックされている項目を含む配列を取得または設定します。
このプロパティを設定しても、selectedIndexプロパティの値が変更されません。
このイベントは、checkedItemsプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 checkedItemsChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo checkedItemsChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のcheckedItemsChanged Wijmoイベント名を使用してください。
各項目の隣に配置したチェックボックスを制限するために使用されるプロパティの名前を取得または設定します。
このプロパティを使用して、複数選択ListBoxを作成します。 項目をオンまたはオフにすると、itemChecked イベントが発生します。 オン/オフにした項目を取得するには、selectedItem プロパティを使用します。 現在オンの項目のリストを取得するには、checkedItems プロパティを使用します。 このプロパティのデフォルト値は空の文字列''です。
項目ソースとして使用されるICollectionView オブジェクトを取得します。
項目の視覚表示として使用するプロパティの名前を取得または設定します。
このプロパティのデフォルト値は空の文字列''です。
プログラムによるアクセスに使用されるWijmo formatItemイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のformatItem Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo gotFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のgotFocus Wijmoイベント名を使用してください。
コントロールをホストしているDOM要素を取得します。
このイベントは、コンポーネントがAngularによって初期化された後、つまり すべての連結プロパティが割り当てられ、子コンポーネント(ある場合)が初期化された後にトリガされます。
プログラムによるアクセスに使用されるWijmo invalidInputイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のinvalidInput Wijmoイベント名を使用してください。
項目の内容がプレーンテキストとHTMLのどちらであるかを示す値を取得または設定します。
このプロパティのデフォルト値はfalseです。
コントロールが無効かどうかを判定する値を取得または設定します。
無効化されたコントロールは、マウスイベントやキーボードイベントを取得できません。
コンポーネントがAngularによって初期化されているかどうかを示します。 この値は、initializedイベントをトリガする直前にfalseからtrueになります。
現在、コントロールがタッチイベントを処理しているかどうかを示す値を取得します。
コントロールが現在更新中かどうかを示す値を取得します。
プログラムによるアクセスに使用されるWijmo itemsCheckedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のitemsChecked Wijmoイベント名を使用してください。
リストに表示される値のカスタマイズに使用する関数を取得または設定します。
この関数は、アイテムインデックスおよびデフォルトのテキストやhtmlの2つの引数を取り、表示する新しいテキストまたはhtmlを返します。
書式設定関数がスコープ(意味のある'this'値など)を必要とする場合は、 'bind'関数を使用してフィルタを設定し、 'this'オブジェクトを指定してください。次に例を示します。
listBox.itemFormatter = customItemFormatter.bind(this);
function customItemFormatter(index, content) {
if (this.makeItemBold(index)) {
content = '<b>' + content + '</b>';
}
return content;
}
リスト項目に追加されている「role」属性の値を取得または設定します。
このプロパティのデフォルト値は空の文字列「option」です。
プログラムによるアクセスに使用されるWijmo itemsChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のitemsChanged Wijmoイベント名を使用してください。
リスト項目を含む配列またはICollectionView オブジェクトを取得または設定します。
プログラムによるアクセスに使用されるWijmo lostFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のlostFocus Wijmoイベント名を使用してください。
リストの最大の高さ(ピクセル単位)を取得または設定します。
このプロパティのデフォルト値はnullです。これは、ListBoxに最大の高さ制限がないことを意味します。
プログラムによるアクセスに使用されるWijmo refreshedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshed Wijmoイベント名を使用してください。
プログラムによるアクセスに使用されるWijmo refreshingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshing Wijmoイベント名を使用してください。
要素内のコントロールを右から左のレイアウトでホストするかどうかを示す値を取得します。
現在選択されている項目のインデックスを取得または設定します。
このイベントは、selectedIndexプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 selectedIndexChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
プログラムによるアクセスに使用されるWijmo selectedIndexChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のselectedIndexChanged Wijmoイベント名を使用してください。
現在選択されている項目を取得または設定します。
このイベントは、selectedItemプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 selectedItemChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
selectedValuePath を使用して取得されたselectedItem の値を取得または設定します。
このイベントは、selectedValueプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 selectedValueChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。
selectedValue をselectedItem から取得するために使用するプロパティの名前を 取得または設定します。
このプロパティのデフォルト値は空の文字列''です。
データグループを区切るために ListBox にグループヘッダー項目を含めるかどうかを決定する値を 取得または設定します。
データグループを作成するには、itemsSource として使用されるICollectionView オブジェクトのICollectionView.groupDescriptions プロパティを変更します。 ListBox には、グループ化の最初のレベルのみが表示されます。
このプロパティのデフォルト値はfalseです。
コントロールに関連付けられたtabindex属性の値を取得または設定します。
tabindex属性値は、コントロールのホストHTML要素で指定することで、 Wijmoコントロールに対して静的に定義できます。 ただし、Wijmoコントロールは複雑な構造であり、コントロールが正しく機能できるように、属性値を内部要素に伝達する必要があるため、 この値をアプリケーションのライフサイクルの後半で変更することはできません。
そのため、コントロールのtabindexを動的に読み取ったり変更したりするには、このプロパティを使用して行う必要があります。
仮想化を有効にするために必要な最小行数、最小列数、 またはその両方を取得または設定します。
ListBoxが仮想化されると、現在表示されているアイテムのみがDOMに追加されます。 これにより、ListBoxに多数のアイテム(たとえば1,000程度)が含まれている場合、 にパフォーマンスに大きな影響を与えます。
このプロパティのデフォルト値は非常に大きい数値であり、 仮想化が無効になっていることを意味します。 仮想化を有効にするには、値を0または正の数に設定します。
仮想化は、垂直に積み重ねられたレイアウトを想定しています。 そのため、ListBoxが複数列の表示(フレックスボックスやグリッドレイアウトなど)を使用している場合は、 仮想化が自動的に無効になります。
[(ngModel)]ディレクティブ(指定されている場合)によって表されるプロパティの名前を定義します。 デフォルト値は'selectedValue'です。
コントロールの新しいインスタンスにテンプレートを適用し、ルート要素を返します。
このメソッドは、テンプレート化されたコントロールのコンストラクターによって呼び出される必要があるため、 このメソッドを使用することができません。 また、テンプレートのパーツを対応するコントロールのメンバに連結します。
以下のサンプルコードは、InputNumber コントロールのインスタンスにテンプレートを適用します。 このテンプレートには、'wj-part'属性が'input'、'btn-inc'、および'btn-dec'に設定された要素を含める必要があります。 コントロールのメンバである'_tbx'、'_btnUp'、'_btnDn'には、これらの要素への参照が割り当てられます。
this.applyTemplate('wj-control wj-inputnumber', templateString, {
_tbx: 'input',
_btnUp: 'btn-inc',
_btnDn: 'btn-dec'
}, 'input');
@param classNames コントロールのホスト要素に追加するクラスの名前。 @param template コントロールのテンプレートを定義するHTML文字列。 @param parts パーツ変数とその名前のディクショナリー。 @param namePart ホスト要素にちなんで名付けられたパーツの名前。 これにより、コントロールがフォームで使用されたときにデータをどのように送信するかが決まります。
次にendUpdate が呼び出されるまで通知を中断します。
このコントロールにフォーカスのある要素が含まれているかどうかをチェックします。
Wijmoコンポーネントから継承されるカスタムコンポーネントを作成する場合は、このメソッドを
オーバーライドして、通常はクラスコンストラクタで行う必要な初期化を行うことができます。
このメソッドは、Wijmoコンポーネントコンストラクタの最後の行で呼び出され、
カスタムコンポーネントのコンストラクタを宣言しなくて済むようにします。これにより、
コンストラクタのパラメータを保持したり、Wijmoコンポーネントのコンストラクタパラメータとの同期を維持する必要がなくなります。
beginUpdate/endUpdate ブロック内で関数を実行します。
この関数の実行が完了するまでコントロールは更新されません。 このメソッドは、関数が例外を生成した場合でも endUpdate が呼び出されるようにします。
実行する関数。
ホスト要素との関連付けを解除することによってコントロールを破棄します。
dispose メソッドは、addEventListener メソッドによって 追加されたイベントリスナーを自動的に削除します。
コントロールを動的に作成および削除するアプリケーションでは、 dispose メソッドを呼び出すことが重要です。 コントロールを破棄しないと、 メモリリークが発生する可能があります。
beginUpdate の呼び出しによって中断された通知を再開します。
このコントロールにフォーカスを設定します。
指定したインデックスにある項目に対して表示されるテキストを(プレーンテキストとして)取得します。
itemsSource 内の項目のインデックス。
指定したインデックスにある項目に対して表示される文字列を取得します。
この文字列は、isContentHtml プロパティの設定に応じてプレーンテキストまたはHTMLのどちらかになります。
itemsSource 内の項目のインデックス。
リストの項目のチェック状態を取得します。
このメソッドは、複数選択ListBoxにのみ使用できます (checkedMemberPath プロパティを参照)。
項目インデックス。
オブジェクトが指定されたプロパティを持つかどうかを判定します。
プロパティの名前。
リスト内の要素のデータインデックスを取得します。
検索する要素。
リスト内の要素のインデックス。要素がリストのメンバーでない場合は-1。
指定したオブジェクトからプロパティをコピーしてコントロールを初期化します。
このメソッドを使用すると、各プロパティの値をコードで設定する代わりにプレーンなデータオブジェクトを使用してコントロールを初期化できます。
例:
grid.initialize({
itemsSource: myList,
autoGenerateColumns: false,
columns: [
{ binding: 'id', header: 'Code', width: 130 },
{ binding: 'name', header: 'Name', width: 60 }
]
});
// 以下と同等です。
grid.itemsSource = myList;
grid.autoGenerateColumns = false;
// など
初期化データは適用時に型チェックされます。 初期化オブジェクトに不明なプロパティ名または無効なデータ型が含まれている場合、このメソッドは例外を発生します。
初期化データを含むオブジェクト。
非同期更新を発生させるため、コントロールを無効にします。
内容だけでなくコントロールのレイアウトも更新するかどうか。
指定したインデックスにある項目が有効かどうかを決定する値を取得します。
itemsSource 内の項目のインデックス。
オブジェクトが別のオブジェクトのプロトタイプチェーンに存在するかどうかを判定します。
プロトタイプチェーンが判定される別のオブジェクト。
現在のitemsSource からの項目を含むリストをロードします。
checkedItemsChanged イベントを発生させます。
formatItem イベントを発生させます。
イベントデータを含むFormatItemEventArgs 。
invalidInput イベントを発生させます。
イベントハンドラーがイベントをキャンセルした場合、コントロールは無効な入力内容とフォーカスを保持します。
itemChecked イベントを発生させます。
itemsChanged イベントを発生させます。
loadedItems イベントを発生させます。
loadingItems イベントを発生させます。
refreshing イベントを発生させます。
selectedIndexChanged イベントを発生させます。
指定されたプロパティが列挙可能かどうかを判断します。
プロパティの名前。
コントロールを更新します。
内容だけでなくコントロールのレイアウトも更新するかどうか。
このControl が所有する要素にアタッチされている1つまたは複数のイベントリスナーを解除します。
イベントのターゲット要素。 nullの場合、すべてのターゲットにアタッチされているリスナーが解除されます
イベントを指定する文字列。 nullの場合、すべてのイベントにアタッチされているリスナーが解除されます。
削除するハンドラ。 nullの場合は、すべてのハンドラが削除されます。
リスナーがキャプチャリスナーかどうか。 nullの場合、キャプチャリスナーと非キャプチャリスナーの両方が解除されます。
削除されたリスナーの数。
リストの項目のオン/オフ状態を設定します。
このメソッドは、複数選択ListBoxにのみ適用できます (checkedMemberPath プロパティを参照)。
項目のオン/オフ状態が変わると、項目が選択されます。
項目インデックス。
項目の新しいチェック状態。
選択された項目を強調表示し、画面に入るようにスクロールします。
選択された項目をスクロールして画面に表示した後にフォーカスをリストに設定するかどうかを示す値。
現在のロケールを使用して文字列に変換された日付を返します。
オブジェクトの文字列表現を返します。
リストの項目のオン/オフ状態を切り替えます。 このメソッドは、複数選択ListBoxにのみ適用できます (checkedMemberPath プロパティを参照)。
項目インデックス。
指定されたオブジェクトのプリミティブ値を返します。
HTML要素に含まれるすべてのWijmoコントロールを破棄します。
コンテナー要素。
指定したDOM要素でホストされているコントロールを取得します。
コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。
指定したHTML要素に含まれるすべてのWijmoコントロールを無効化します。
このメソッドは、コントロールの表示状態やサイズを変更する 動的なパネルをアプリケーションで使用している場合に使用します。 たとえば、スプリッタ、アコーディオン、およびタブコントロールは通常、 その中の要素の表示状態を変更します。この場合、その要素に含まれるコントロールに通知しないと、 それらのコントロールが適切に機能しなくなる可能性があります。 これが起こる場合は、動的コンテナーで適切なイベントを処理し、 Control.invalidateAll メソッドを呼び出してコンテナー内のWijmoコントロールの レイアウト情報が適切に更新されるようにする必要があります。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
HTML要素で存在するすべてのWijmoコントロールを更新します。
コントロールが時間おいて更新される代わりに直ちに更新されること以外はinvalidateAll メソッドと同様です。
コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。
checkedItems プロパティの値が変更されたときに発生します。
リスト項目を表す要素が作成されたときに発生します。
このイベントは、表示するリスト項目を書式設定するために使用できます。 本イベントは、itemFormatterプロパティに似ていますが、複数の独立したハンドラーを許可できるという利点があります。
パラメータとして渡されるFormatItemEventArgsオブジェクトには、 項目にバインドされたデータ項目を参照するdataプロパティと、 現在のビューに項目インデックスを提供するindexプロパティがあります。
showGroupsプロパティがtrueに設定され、 項目がグループヘッダーを表す場合、dataプロパティにはグループを表す CollectionViewGroupオブジェクトへの参照が含まれます。 このオブジェクトには、グループのname、items、およびgroupDescriptionが含まれています。 グループヘッダーは実際のデータ項目に対応していないため、 この場合のindexプロパティは-1*に設定されます。
コントロールがフォーカスを取得したときに発生します。
無効な文字が入力されたときに発生します。
ユーザーが入力した値が適切な種類に変換できない値、または有効な範囲外の値を貼り付ける場合、 無効な入力エラーが発生する場合があります。
イベントハンドラーがイベントをキャンセルする場合、 ユーザーがエラーを修正できるように、 コントロールは無効なコンテンツとフォーカスを保持します。
イベントがキャンセルされない場合、コントロールは無効な入力エラーを無視し、 元のコンテンツを保持します。
ユーザーが現在の項目をオンまたはオフにすると発生します。
このイベントは、checkedMemberPath にプロパティの名前を設定して、 コントロール内の各項目に チェックボックスを追加した場合に発生します。 オン/オフにした項目を取得するには、 selectedItem プロパティを使用します。
項目のリストが変更されたときに発生します。
リスト項目が生成される後に発生します。
リスト項目が生成される前に発生します。
コントロールがフォーカスを失ったときに発生します。
コントロールが内容を更新した後で発生します。
コントロールが内容を更新する直前に発生します。
selectedIndex プロパティの値が変更されたときに発生します。
wijmo.input.ListBox コントロールに対応するAngular 2コンポーネント。
wj-list-box コンポーネントを使用して、Angular 2アプリケーションに ListBox コントロールを 追加できます。Angular 2マークアップの構文については、
「Angular 2マークアップ構文」を参照してください。
WjListBox コンポーネントは、 ListBox コントロールから派生され、 そのすべてのプロパティ、イベント、およびメソッドを継承しています。
wj-list-box コンポーネントには、wijmo.angular2.input.WjItemTemplate の子コンポーネントを含めます。