imuiCombobox
コンポーネント情報 | |
---|---|
モジュール | im_ui |
導入されたバージョン | 8.0.8 |
バージョン | 8.0.8 |
機能説明
- コンボボックスコンポーネントです。セレクトボックスと違い、ユーザが直接入力することができます。
- <input type="text"> にのみ指定した属性が適用されます。
- <input type="text"> の親要素に属性を指定したい場合、parentStyle 属性を利用してください。
- 要素を非表示にしたい場合、hidden 属性を利用することはできません。代わりに parentStyle=“display: none” を使用してください。
属性一覧
注釈 | 属性名 | 型 | 説明 | 省略時の動作 |
---|---|---|---|---|
HTML5
Boolean属性
|
autofocus |
boolean | 画面表示時に、コンボボックスにフォーカスをあてます | false |
Boolean属性 | disabled |
boolean | コンボボックスを無効化します | false |
id |
string | コンボボックスのidです | 代替idを付与 | |
list |
Array | コンボボックスに表示するデータを指定します | - | |
無害化 | maxHeight |
string | コンボボックスの入力エリア下に表示されるドロップダウンリストの高さの最大値を指定します 単位に % を指定した場合、body 要素に対する割合になります。 |
- |
name |
string | コンボボックスのnameです | 代替nameを付与 | |
onChange |
string | onChangeイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onClose |
string | onCloseイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onCreate |
string | onCreateイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onFocus |
string | onFocusイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onOpen |
string | onOpenイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onSearch |
string | onSearchイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
onSelect |
string | onSelectイベント時に実行する関数名を指定します 詳細は こちら を参照してください |
- | |
無害化 | parentStyle |
string | コンボボックスタグが出力する HTML の一番の親要素に対し、style を指定します | - |
HTML5
国際化
無害化
|
placeholder |
string | プレースホルダーを指定します | - |
plainParameter |
string | コンボボックスの初期化時に追加で渡したいオプションを指定します 本属性に渡したオプションは無害化されずそのまま出力されます |
- | |
HTML5
Boolean属性
|
required |
boolean | コンボボックスの入力を必須にします | false |
国際化 無害化 | selected |
string | コンボボックスに初期表示するデータを指定します list 属性に指定した配列中のデータのうち、初期表示したい値を指定してください |
- |
無害化 | width |
string | コンボボックスの input タグの横幅を指定します width=“400” の様に単位を省略すると px として扱われます 単位に % は使用できません |
auto |
無害化 | その他 |
string | ユーザ定義属性です | - |