Wijmo UI for the Web
共通の Input 機能
| Wijmo ユーザーガイド > ウィジェット > Input ウィジェット > 共通の Input 機能 |
Input コアには以下の機能があり、すべての Input ウィジェットで使用できます。
ドロップダウンして、すべての入力ウィジェットに共通の機能をまとめたリストを表示します
| 機能 | API | タイプ | コメント |
|---|---|---|---|
| Null テキストの指定 | placeholder オプション | String | ウィジェットがブランクの場合、または初期テキストがない場合に表示するテキストを指定します。 |
| トリガの場所の変更または非表示 | dropDownButtonAlign および showDropDownButton オプション |
String Boolean |
有効な値：'left'、'right' ドロップダウンボタンを表示する場所を設定します。 ドロップダウンボタンを表示するかどうかを設定します。 |
| ImeMode 設定 | imeMode オプション | String | 有効な値：'auto'、'active'、'inactive'、'disabled' 中国語、日本語、韓国語の各文字の入力を許可するかどうか、およびその方法を指定します。 |
| 矢印キーを使用してフォーカスを移動 | blurOnLeftRightKey オプション | String | 有効な値：'none'、'left'、'right'、'both' ユーザーが矢印キーを押したときに、フォーカスをタブ順に次のコントロールに移動するかどうか、およびその方法を指定します。 |
| 入力の完了後にフォーカスを移動 | blurOnLastChar オプション | Boolean | 入力が完了したときに、自動的にフォーカスをタブ順の次のコントロールに移動するかどうかを指定します。 |
| カスタマイズしたスピンボタンとドロップダウンボタンの表示と配置 | spinnerAlign オプション | String | 有効な値：'bothSideDownLeft'、'bothSideUpLeft'、'horizontalDownLeft'、'horizontalUpLeft'、'vertical' |
| スピン中の値の折り返し | allowSpinLoop オプション | Boolean | スピナーが最大値に達したときに最小値に移動したり、最小値に達したときに最大値に移動するかどうかを指定します。 |
| コントロールまたはフィールドのタブアクション | tabAction オプション | String | 有効値：'control'、'field' タブキーによってコントロール間でフォーカスを移動するか、それともコントロール内のフィールド間でフォーカスを移動するかを指定します。 |
| 表示のみ | readonly オプション | Boolean | ユーザーが表示された値を変更できるかどうかを決定します。 |
| ショートカットでドロップダウンリストまたはカレンダーを開くまたは閉じる | 次のキーボードショートカットがトリガとして機能します。Alt+Up または Down：ドロップダウンを開くまたは閉じる。Esc：ドロップダウンを閉じる。Enter：ドロップダウンから値を選択して閉じる。 | ||
| プログラムでドロップダウンリストまたはカレンダーを開くまたは閉じる | drop メソッド | ユーザーがトリガをクリックして実行するアクションを実行します。 | |
| ドロップダウンの開閉の通知 | dropdownOpen および dropdownClose | ドロップダウンが開くか閉じたときに実行するコードを追加できます。 |
以下は、名前が変更された API 機能です。下位互換性のため、古い API メンバも機能しますが、新しいメンバは将来も維持されるため、新しいメンバを使用することをお勧めします。
ドロップダウンして、名前が変更された API 機能のリストを表示します
| 古い API | 新しい API | サンプルコード | コメント |
|---|---|---|---|
| buttonAlign | dropDownButtonAlign / spinnerAlign |
| |
| comboHeight | pickers.height | $(".selector").wijinputcore({ comboHeight: 50});
これは次と同じです。 $(".selector").wijinputcore({ pickers: {height: 50}});
|
|
| comboItems | pickers.list | $(".selector").wijinputcore({ comboItems: ["a","b","c"]});
これは次と同じです。 $(".selector").wijinputcore({ pickers: {list: ["a","b","c"]}});
|
|
| comboWidth | pickers.width | $(".selector").wijinputcore({ comboWidth: 100});
これは次と同じです。 $(".selector").wijinputcore({ pickers: {width: 100}});
|
|
| disableUserInput | readOnly | ||
| nullText / showNullText | placeholder | $(".selector").wijinputcore({ showNullText: true, nullText: ""});
これは次と同じです。 $(".selector").wijinputcore({ placeholder: ""});
|
|
| showTrigger | showDropDownButton |