[]
        
(Showing Draft Content)

Wijmo_Angular2_Input.Wjinputdatetime

WjInputDateTime クラス

wijmo.input.InputDateTime コントロールに対応するAngular 2コンポーネント。

wj-input-date-timeコンポーネントを使用して、Angular 2アプリケーションにInputDateTimeコントロールを 追加できます。Angular 2マークアップの構文については、 「Angular 2マークアップ構文」を参照してください。

WjInputInputDateTimeコンポーネントは、InputDateTimeコントロールから派生され、 そのすべてのプロパティ、イベント、およびメソッドを継承しています。

階層

プロパティ

alwaysShowCalendar

alwaysShowCalendar: boolean

事前定義された範囲が選択されている場合でも、 カレンダーをドロップダウンに表示したままにするかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はfalseです。

これにより、事前定義された範囲が選択された場合、コントロールはカレンダーを非表示にします。

asyncBindings

asyncBindings: boolean

この特定のコンポーネントのグローバルなWjOptions.asyncBindingsの設定をオーバーライドできます。 詳細については、WjOptions. WjOptions.asyncBindings プロパティの説明を参照してください。

autoExpandSelection

autoExpandSelection: boolean

コントロールがクリックされたときに、選択範囲を自動的に 単語/数字全体に拡張するかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はtrueです。

calendar

calendar: Calendar

ドロップダウンボックスに表示されるCalendar コントロールへの参照を取得します。

clickAction

clickAction: ClickAction

ユーザーがコントロールの入力要素をクリックしたときに実行する操作を決定する値を取得または設定します。

ほとんどのドロップダウンコントロールに対して、このプロパティはデフォルトで ClickAction.Select に設定されます。これにより、ユーザーはマウスでテキストの一部を選択できます。

編集不可のテキストを表示するドロップダウンコントロール(MultiSelectなど)の場合、このプロパティはデフォルトでClickAction.Toggleに設定されます。

closeOnSelection

closeOnSelection: boolean

ユーザーが選択操作を行ったときにドロップダウンを自動的に閉じるかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

dropDown

dropDown: HTMLElement

isDroppedDown プロパティがtrueに設定されているときに表示されるドロップダウン要素を取得します。

dropDownCssClass

dropDownCssClass: string

コントロールのドロップダウン要素に追加するCSSクラス名を取得または設定します。

このプロパティは、ドロップダウン要素をスタイル設定する場合に便利です。 ドロップダウン要素は、 コントロール自体の子としてではなく、ドキュメントボディの子として表示され、 親コントロールに基づいてCSSセレクタを使用することができないためです。

format

format: string

選択された日付の表示に使用される書式を取得または設定します。

選択された日付の表示に使用される書式を取得または設定します。

書式文字列は、.NET形式の 日付書式文字列として表されます。 このプロパティのデフォルト値は 'd'で、カルチャに依存する短い日付形式 (例:米国では6/15/2020、フランスでは15/6/2020、 日本では2020/6/15)を表します。

gotFocusNg

gotFocusNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo gotFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のgotFocus Wijmoイベント名を使用してください。

handleWheel

handleWheel: boolean

ユーザーがマウスホイールで現在の値を編集できるかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

このプロパティをfalseに設定すると、コントロールのドロップダウンcalendarのカスタムのホイール操作も無効になります。

hostElement

hostElement: HTMLElement

コントロールをホストしているDOM要素を取得します。

initialized

initialized: EventEmitter<any>

このイベントは、コンポーネントがAngularによって初期化された後、つまり すべての連結プロパティが割り当てられ、子コンポーネント(ある場合)が初期化された後にトリガされます。

inputElement

inputElement: HTMLInputElement

コントロールによってホストされているHTML入力要素を取得します。

このプロパティは、入力要素の属性をカスタマイズする場合に使用します。

たとえば、以下のコードはinputElementプロパティを使用して、コントロールの入力要素にaria-label属性を追加することでアクセシビリティを向上させます。

// InputDateコントロールを作成し、アクセシビリティを向上させるためにaria-labelを追加します
let inputDate = new InputDate('#theInputDate');
inputDate.inputElement.setAttribute('aria-label', 'enter trip start date in the format month/day/year')

inputTime

inputTime: InputTime

内部のInputTime コントロールへの参照を取得します。これにより、 コントロールの完全なオブジェクトモデルにアクセスできます。

inputType

inputType: string

コントロールによってホストされているHTML入力要素の"type"属性を取得または設定します。

デフォルトのままでは現在のカルチャ、デバイス、またはアプリケーションに関してうまく機能しない場合は、 このプロパティを使用してデフォルト設定を変更します。 その場合、値を「number」または「text」に変更してみてください。

「number」タイプのような入力要素はChromeで選択を防ぐため、推奨されません。詳細については、 https://stackoverflow.com/questions/21177489/selectionstart-selectionend-on-input-type-number-no-longer-allowed-in-chrome を参照してください。

invalidInputNg

invalidInputNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo invalidInputイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のinvalidInput Wijmoイベント名を使用してください。

isAnimated

isAnimated: boolean

ドロップダウンを表示するときにコントロールがフェードインアニメーションを使用するかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はfalseです。

isDisabled

isDisabled: boolean

コントロールが無効かどうかを判定する値を取得または設定します。

無効化されたコントロールは、マウスイベントやキーボードイベントを取得できません。

isDroppedDown

isDroppedDown: boolean

ドロップダウンが現在表示されているかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はfalseです。

isDroppedDownChangePC

isDroppedDownChangePC: EventEmitter<any>

このイベントは、isDroppedDownプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 isDroppedDownChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。

isDroppedDownChangedNg

isDroppedDownChangedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo isDroppedDownChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のisDroppedDownChanged Wijmoイベント名を使用してください。

isDroppedDownChangingNg

isDroppedDownChangingNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo isDroppedDownChangingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のisDroppedDownChanging Wijmoイベント名を使用してください。

isInitialized

isInitialized: boolean

コンポーネントがAngularによって初期化されているかどうかを示します。 この値は、initializedイベントをトリガする直前にfalseからtrueになります。

isReadOnly

isReadOnly: boolean

ユーザーがマウスとキーボードを使用してコントロール値を変更できるかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はfalseです。

isRequired

isRequired: boolean

コントロール値をnull以外の値に設定する必要があるか、 それとも(コントロールのコンテンツを削除することで)nullに設定できるかを 決定する値を取得または設定します。

このプロパティは、ComboBoxInputDateInputTimeInputDateTime、 およびInputColor などのほとんどのコントロールに対してデフォルトでtrueに設定されます。 AutoComplete コントロールに対してデフォルトでfalseに設定されます。

isTouching

isTouching: boolean

現在、コントロールがタッチイベントを処理しているかどうかを示す値を取得します。

isUpdating

isUpdating: boolean

コントロールが現在更新中かどうかを示す値を取得します。

itemFormatter

itemFormatter: IDateFormatter

ドロップダウンカレンダーの日付をカスタマイズするフォーマッター関数を取得または設定します。

このフォーマッター関数は、任意の日付に任意の内容を追加できます。そのため、カレンダーの外観と動作を全面的にカスタマイズすることが可能です。

この関数は以下の2つのパラメーターをとります。

  • 書式設定する日付
  • 日付を表すHTML要素

以下のサンプルコードは週末を無効な状態で表示します。

inputDate.itemFormatter = (date, element) => {
    const day = date.getDay();
    element.style.backgroundColor = day == 0 || day == 6 ? 'yellow' : '';
}

itemValidator

itemValidator: IDateValidator

日付が選択可能かどうかを決定するバリデーター関数を取得または設定します。

指定された場合、このバリデーター関数は、調べる日付を表す1つのパラメーターを受け取り、その日付が無効で選択できない場合、falseを返す必要があります。

以下のサンプルコードは、週末の日付を選択できないようにします。

inputDate.itemValidator = date => {
    const weekday = date.getDay();
    return weekday != 0 && weekday != 6;
}

lostFocusNg

lostFocusNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo lostFocusイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のlostFocus Wijmoイベント名を使用してください。

mask

mask: string

編集中に使用するマスクを取得または設定します。

マスクの書式は、wijmo.input.InputMask コントロールで使用される書式と同じです。

指定する場合、このマスクは format プロパティおよびseparatorプロパティの値と互換性がある必要があります。 たとえば、「MM/dd/yyyy」と書式設定された日付範囲の入力に、「-」区切り文字でマスク「99/99/9999 - 99/99/9999」を使用できます。

max

max: Date | null

ユーザーが入力できる最も遅い日付を取得または設定します。

このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。

min

min: Date | null

ユーザーが入力できる最も早い日付を取得または設定します。

このプロパティのデフォルト値は nullです。これは、最も早い日付が定義されていないことを意味します。

min およびmax プロパティの使用方法については、 「minおよびmaxプロパティの使用<」トピックを参照してください。

monthCount

monthCount: number

ドロップダウンカレンダーに表示する月数を取得または設定します。

このプロパティのデフォルト値は2です。

このプロパティの詳細については、Calendar.monthCountプロパティを参照してください。

同じカレンダーに複数の月を表示する場合、月は折り返し可能なflex-boxコンテナを使用して表示されます。 CSSを使用して、ドロップダウンの行ごとに表示される月数を制限できます。

たとえば、次のサンプルコードドは、行ごとに3か月を表示するドロップダウンを使用してInputDateコントロールを作成します。

import { InputDate } from '@grapecity/wijmo.input';
let idt = new InputDate(document.createElement('#theInputDate'), {
    monthCount: 6,
    dropDownCssClass: 'three-months-per-row'
});
.three-months-per-row .wj-calendar-multimonth {
    width: calc(3 * 21em);
}

placeholder

placeholder: string

コントロールが空のときにヒントとして表示される文字列を取得または設定します。

predefinedRanges

predefinedRanges: any

事前定義された範囲を定義するオブジェクトを取得または設定します。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ役に立ちます。

オブジェクト内の各プロパティは、事前定義された範囲を表し、プロパティ名で識別され、2つの日付(範囲の開始と終了)を持つ配列で定義されます。

null値のプロパティは、カレンダーをクリックして定義するカスタム範囲を表します。

以下に例を示します。

import { DateTime } from '@grapecity/wijmo';
import { InputDate } from '@grapecity/wijmo.input';

new InputDate(host, {
    selectionMode: 'Range',
    predefinedRanges: getRanges()
});

function getRanges() {
    let dt = DateTime,
        now = new Date();
    return {
        '今週': [dt.weekFirst(now), dt.weekLast(now)],
        '先週': [dt.weekFirst(dt.addDays(now, -7)), dt.weekLast(dt.addDays(now, -7))],
        '来週': [dt.weekFirst(dt.addDays(now, +7)), dt.weekLast(dt.addDays(now, +7))],

        '今月': [dt.monthFirst(now), dt.monthLast(now)],
        '先月': [dt.monthFirst(dt.addMonths(now, -1)), dt.monthLast(dt.addMonths(now, -1))],
        '来月': [dt.monthFirst(dt.addMonths(now, +1)), dt.monthLast(dt.addMonths(now, +1))],
        'カスタムの範囲': null
    };
}

rangeChangedNg

rangeChangedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo rangeChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrangeChanged Wijmoイベント名を使用してください。

rangeEnd

rangeEnd: Date

範囲選択で最後に選択された日付を取得または設定します。

日付範囲の選択を有効にするには、selectionModeプロパティをDateSelectionMode.Rangeに設定します。

これにより、選択範囲はvalueプロパティとrangeEndプロパティによって定義されます。

rangeEndChangePC

rangeEndChangePC: EventEmitter<any>

このイベントは、rangeEndプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 rangeEndChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。

rangeEndChangedNg

rangeEndChangedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo rangeEndChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrangeEndChanged Wijmoイベント名を使用してください。

rangeMax

rangeMax: number

日付範囲の編集時に許可される最大長を取得または設定します。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は0です。これは、範囲の長さの最大値がないことを意味します。

rangeMin

rangeMin: number

日付範囲の編集時に許可される最小日数を取得または設定します。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は0です。これは、範囲の長さの最小値がないことを意味します。

refreshedNg

refreshedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo refreshedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshed Wijmoイベント名を使用してください。

refreshingNg

refreshingNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo refreshingイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のrefreshing Wijmoイベント名を使用してください。

repeatButtons

repeatButtons: boolean

カレンダーボタンがリピートボタン(押された状態で繰り返し実行するボタン)として動作するかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

rightToLeft

rightToLeft: boolean

要素内のコントロールを右から左のレイアウトでホストするかどうかを示す値を取得します。

selectionMode

selectionMode: DateSelectionMode

ユーザーが日、範囲や月を選択できるか、またはどの値も選択できないかを決定する値を取得または設定します。

このプロパティは、ドロップダウンカレンダーの動作に影響しますが、 日付の表示に使用する書式には影響しません。 selectionMode を'Month'に設定した場合は、通常、 format プロパティを'MMM yyyy'などの日を含まない書式に 設定する必要があります。次に例を示します。

import { InputDate } from '@grapecity/wijmo.input';
var inputDate = new InputDate('#el, {
  selectionMode: 'Month',
  format: 'MMM yyyy'
});

このプロパティのデフォルト値はDateSelectionMode.Dayです。

separator

separator: string

コントロールによって表示されるvalue値とrangeEnd 値の間の区切り文字として使用される文字列を取得または設定します。

このプロパティは、selectionModeプロパティがDateSelectionMode.Rangeに設定されている場合にのみ使用されます。

このプロパティのデフォルト値は「 - 」です。

showDropDownButton

showDropDownButton: boolean

コントロールにドロップダウンボタンを表示するかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はtrueです。

showHeader

showHeader: boolean

カレンダーに現在の月とナビゲーションボタンのある領域を表示するかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

showMonthPicker

showMonthPicker: boolean | ShowMonthPicker

ユーザーが月カレンダーのヘッダー要素をクリックすると、カレンダーに 月のリストを表示するかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はShowMonthPicker.Firstです。

showYearPicker

showYearPicker: boolean

ユーザーが年カレンダーのヘッダー要素をクリックすると、ドロップダウンカレンダーに 年のリストを表示するかどうかを決定する値を取得または設定します。

このプロパティのデフォルト値はtrueです。

tabOrder

tabOrder: number

コントロールに関連付けられたtabindex属性の値を取得または設定します。

tabindex属性値は、コントロールのホストHTML要素で指定することで、 Wijmoコントロールに対して静的に定義できます。 ただし、Wijmoコントロールは複雑な構造であり、コントロールが正しく機能できるように、属性値を内部要素に伝達する必要があるため、 この値をアプリケーションのライフサイクルの後半で変更することはできません。

そのため、コントロールのtabindexを動的に読み取ったり変更したりするには、このプロパティを使用して行う必要があります。

text

text: string

コントロールに表示されるテキストを取得または設定します。

textChangePC

textChangePC: EventEmitter<any>

このイベントは、textプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 textChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。

textChangedNg

textChangedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo textChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のtextChanged Wijmoイベント名を使用してください。

timeFormat

timeFormat: string

ドロップダウンリスト内の時刻の表示に使用される書式を取得または設定します。

このプロパティは、コントロールの入力要素に表示される値には影響しません。 入力要素の値は、format プロパティを使用して書式設定されます。

書式文字列は、.NET形式の時間書式文字列として表されます。

このプロパティのデフォルト値は't'*(短時間パターン)です。

timeMax

timeMax: Date

ユーザーが入力できる最遅時間を取得または設定します。

このプロパティのデフォルト値は nullです。これは、最も早い時間制限がないことを意味します。

timeMin

timeMin: Date

ユーザーが入力できる最早時間を取得または設定します。

このプロパティのデフォルト値は nullです。これは、最も早い時間制限がないことを意味します。

timeStep

timeStep: number | null

時刻のドロップダウンリストのエントリ間の分数を取得または設定します。

このプロパティのデフォルト値は15分です。

このプロパティをnull、ゼロ、または負の値に設定すると、 時刻ピッカーが無効になり、 時間のドロップダウンボタンが非表示になります。

step値の整数部分のみが使用されます。 たとえば、timeStep30.5に設定すると、 30分の間隔が作成されます。

value

value: Date | null

現在選択されている日付を取得または設定します。

このプロパティのデフォルト値は現在の日付です。

valueChangePC

valueChangePC: EventEmitter<any>

このイベントは、valueプロパティへの両方向のバインドを実装するために使用されます。 このイベントは、プロパティ値が変更されたときに発生し、引数は新しいプロパティ値を保持します。 valueChangeイベント名を使用して、テンプレートでハンドラをこのイベントに連結できます。

valueChangedNg

valueChangedNg: EventEmitter<any>

プログラムによるアクセスに使用されるWijmo valueChangedイベントのAngular(EventEmitter)バージョン。 コードでこのイベントのAngularバージョンをサブスクライブする場合は、このイベント名を使用してください。 テンプレート連結では、通常のvalueChanged Wijmoイベント名を使用してください。

weeksAfter

weeksAfter: number

カレンダーに現在の月の後に表示する週数を取得または設定します。

このプロパティのデフォルト値はzeroです。

weeksBefore

weeksBefore: number

カレンダーに現在の月の前に表示する週数を取得または設定します。

このプロパティのデフォルト値はzeroです。

wjModelProperty

wjModelProperty: string

[(ngModel)]ディレクティブ(指定されている場合)によって表されるプロパティの名前を定義します。 デフォルト値は'value'です。

静的 controlTemplate

controlTemplate: string

InputDateTime コントロールのインスタンス化に使用されるテンプレートを取得または設定します。

メソッド

applyTemplate

  • applyTemplate(classNames: string, template: string, parts: Object, namePart?: string): HTMLElement
  • コントロールの新しいインスタンスにテンプレートを適用し、ルート要素を返します。

    このメソッドはテンプレート化されたコントロールのコンストラクターによって呼び出され、 テンプレートのパーツを対応するコントロールメンバにバインドする役割を持ちます。

    以下のサンプルコードは、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 ホスト要素にちなんで名付けられたパーツの名前。 これにより、コントロールがフォームで使用されたときにデータをどのように送信するかが決まります。

    引数

    • classNames: string
    • template: string
    • parts: Object
    • オプション namePart: string

    戻り値 HTMLElement

beginUpdate

  • beginUpdate(): void

containsFocus

  • containsFocus(): boolean
  • このコントロールにフォーカスのある要素が含まれているかどうかをチェックします。

    戻り値 boolean

created

  • created(): void
  • Wijmoコンポーネントから継承されるカスタムコンポーネントを作成する場合は、このメソッドを
    オーバーライドして、通常はクラスコンストラクタで行う必要な初期化を行うことができます。 このメソッドは、Wijmoコンポーネントコンストラクタの最後の行で呼び出され、 カスタムコンポーネントのコンストラクタを宣言しなくて済むようにします。これにより、 コンストラクタのパラメータを保持したり、Wijmoコンポーネントのコンストラクタパラメータとの同期を維持する必要がなくなります。

    戻り値 void

deferUpdate

  • deferUpdate(fn: Function): void
  • beginUpdate/endUpdate ブロック内で関数を実行します。

    この関数の実行が完了するまでコントロールは更新されません。 このメソッドは、関数が例外を生成した場合でも endUpdate が呼び出されるようにします。

    引数

    • fn: Function

      実行する関数。

    戻り値 void

endUpdate

  • endUpdate(): void

focus

  • focus(): void
  • このコントロールにフォーカスを設定します。

    戻り値 void

getTemplate

  • getTemplate(): string
  • コントロールのインスタンスの作成に使用されたHTMLテンプレートを取得します。

    このメソッドは、クラス階層をさかのぼってコントロールのテンプレートを指定する最も近い祖先を探します。 たとえば、ComboBox コントロールのプロトタイプを指定した場合、 そのプロトタイプによってDropDown 基本クラスで定義されたテンプレートがオーバーライドされます。

    戻り値 string

hasOwnProperty

  • hasOwnProperty(v: PropertyKey): boolean
  • オブジェクトが指定されたプロパティを持つかどうかを判定します。

    引数

    • v: PropertyKey

      プロパティの名前。

    戻り値 boolean

initialize

  • initialize(options: any): void
  • 指定したオブジェクトからプロパティをコピーしてコントロールを初期化します。

    このメソッドを使用すると、各プロパティの値をコードで設定する代わりにプレーンなデータオブジェクトを使用してコントロールを初期化できます。

    例:

    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;
    // など

    初期化データは適用時に型チェックされます。 初期化オブジェクトに不明なプロパティ名または無効なデータ型が含まれている場合、このメソッドは例外を発生します。

    引数

    • options: any

      初期化データを含むオブジェクト。

    戻り値 void

invalidate

  • invalidate(fullUpdate?: boolean): void
  • 非同期更新を発生させるため、コントロールを無効にします。

    引数

    • オプション fullUpdate: boolean

      内容だけでなくコントロールのレイアウトも更新するかどうか。

    戻り値 void

isPrototypeOf

  • isPrototypeOf(v: Object): boolean
  • オブジェクトが別のオブジェクトのプロトタイプチェーンに存在するかどうかを判定します。

    引数

    • v: Object

      プロトタイプチェーンが判定される別のオブジェクト。

    戻り値 boolean

onInvalidInput

  • invalidInput イベントを発生させます。

    イベントハンドラーがイベントをキャンセルした場合、コントロールは無効な入力内容とフォーカスを保持します。

    引数

    戻り値 boolean

onRangeChanged

onRangeEndChanged

onRefreshed

onRefreshing

onTextChanged

onValueChanged

propertyIsEnumerable

  • propertyIsEnumerable(v: PropertyKey): boolean
  • 指定されたプロパティが列挙可能かどうかを判断します。

    引数

    • v: PropertyKey

      プロパティの名前。

    戻り値 boolean

removeEventListener

  • removeEventListener(target?: EventTarget, type?: string, fn?: any, capture?: boolean): number
  • このControl が所有する要素にアタッチされている1つまたは複数のイベントリスナーを解除します。

    引数

    • オプション target: EventTarget

      イベントのターゲット要素。 nullの場合、すべてのターゲットにアタッチされているリスナーが解除されます

    • オプション type: string

      イベントを指定する文字列。 nullの場合、すべてのイベントにアタッチされているリスナーが解除されます。

    • オプション fn: any

      削除するハンドラ。 nullの場合は、すべてのハンドラが削除されます。

    • オプション capture: boolean

      リスナーがキャプチャリスナーかどうか。 nullの場合、キャプチャリスナーと非キャプチャリスナーの両方が解除されます。

    戻り値 number

    削除されたリスナーの数。

selectAll

  • selectAll(): void
  • コントロールにフォーカスを設定してそのすべての内容を選択します。

    戻り値 void

toLocaleString

  • toLocaleString(): string
  • 現在のロケールを使用して文字列に変換された日付を返します。

    戻り値 string

toString

  • toString(): string
  • オブジェクトの文字列表現を返します。

    戻り値 string

valueOf

  • valueOf(): Object
  • 指定されたオブジェクトのプリミティブ値を返します。

    戻り値 Object

静的 disposeAll

  • disposeAll(e?: HTMLElement): void
  • HTML要素に含まれるすべてのWijmoコントロールを破棄します。

    引数

    • オプション e: HTMLElement

      コンテナー要素。

    戻り値 void

静的 getControl

  • getControl(element: any): Control
  • 指定したDOM要素でホストされているコントロールを取得します。

    引数

    • element: any

      コントロールをホストするDOM要素、またはホスト要素のCSS セレクター(例: '#theCtrl')。

    戻り値 Control

静的 invalidateAll

  • invalidateAll(e?: HTMLElement): void
  • 指定したHTML要素に含まれるすべてのWijmoコントロールを無効化します。

    このメソッドは、コントロールの表示状態やサイズを変更する 動的なパネルをアプリケーションで使用している場合に使用します。 たとえば、スプリッタ、アコーディオン、およびタブコントロールは通常、 その中の要素の表示状態を変更します。この場合、その要素に含まれるコントロールに通知しないと、 それらのコントロールが適切に機能しなくなる可能性があります。 これが起こる場合は、動的コンテナーで適切なイベントを処理し、 Control.invalidateAll メソッドを呼び出してコンテナー内のWijmoコントロールの レイアウト情報が適切に更新されるようにする必要があります。

    引数

    • オプション e: HTMLElement

      コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。

    戻り値 void

静的 refreshAll

  • refreshAll(e?: HTMLElement): void
  • HTML要素で存在するすべてのWijmoコントロールを更新します。

    コントロールが時間おいて更新される代わりに直ちに更新されること以外はinvalidateAll メソッドと同様です。

    引数

    • オプション e: HTMLElement

      コンテナー要素。nullに設定すると、ページ上に存在するすべてのWijmoコントロールが無効化されます。

    戻り値 void

イベント

gotFocus

gotFocus: Event<Control, EventArgs>

コントロールがフォーカスを取得したときに発生します。

invalidInput

invalidInput: Event<Control, CancelEventArgs>

無効な文字が入力されたときに発生します。

ユーザーが入力した値が適切な種類に変換できない値、または有効な範囲外の値を貼り付ける場合、 無効な入力エラーが発生する場合があります。

イベントハンドラーがイベントをキャンセルする場合、 ユーザーがエラーを修正できるように、 コントロールは無効なコンテンツとフォーカスを保持します。

イベントがキャンセルされない場合、コントロールは無効な入力エラーを無視し、 元のコンテンツを保持します。

isDroppedDownChanged

isDroppedDownChanged: Event<DropDown, EventArgs>

ドロップダウンが表示または非表示になった後に発生します。

isDroppedDownChanging

isDroppedDownChanging: Event<DropDown, CancelEventArgs>

ドロップダウンが表示または非表示になる前に発生します。

lostFocus

lostFocus: Event<Control, EventArgs>

コントロールがフォーカスを失ったときに発生します。

rangeChanged

rangeChanged: Event<InputDate, EventArgs>

rangeEnd プロパティの値がnull以外の値に変更されたときに発生します。 本動作は、データ範囲が選択されたことを示します。

rangeEndChanged

rangeEndChanged: Event<InputDate, EventArgs>

rangeEnd プロパティの値が変更されたときに発生します。

refreshed

refreshed: Event<Control, EventArgs>

コントロールが内容を更新した後で発生します。

refreshing

refreshing: Event<Control, EventArgs>

コントロールが内容を更新する直前に発生します。

textChanged

textChanged: Event<DropDown, EventArgs>

text プロパティの値が変更されたときに発生します。

valueChanged

valueChanged: Event<InputDate, EventArgs>

value プロパティの値が変更されたときに発生します。