true に設定されている場合:
1. 単一の選択のみでカスタム値の入力を許可します。
2. autoComplete が有効な場合、カスタム値に一番近い値でオートコンプリートされます。

ドロップダウン リストのアニメーションを非表示にする期間 (ミリ秒) を取得または設定します。

ドロップダウン リストのアニメーションを表示する期間 (ミリ秒) を取得または設定します。

リスト内で最初に一致する項目のフィールドをオートコンプリートする機能を取得または設定します。
注: autoComplete オプションが有効な場合、filteringCondition オプションには "startsWith" が使用されます。

入力時に最初に一致する項目が自動選択されるかどうかを取得または設定します。multiSelection 機能が有効な場合にこのオプションは、代わりにアクティブ項目を一致要素に配置します。

true に設定されている場合、フィルタリングおよび自動選択が大文字と小文字を区別します。

このオプションは 2017.2 バージョン以降サポートされません。
クリア ボタンを表す html 要素を取得または設定します。
locale.clearButtonTitle オプションを使用します。

コントロールがフォーカスを失うときに、ドロップダウン リストを閉じる機能を取得または設定します。

リストの単一の項目がマウス クリックまたは Enter の押下によって選択された場合、ドロップダウン リストの閉じる機能を取得または設定します。multiSelection 機能が有効の場合、デフォルト値は false です。multiSelection 機能が有効で、追加選択が実行される場合、このオプションはドロップダウンを閉じません。

$.ig.DataSource が受け入れる有効なデータ ソース、または $.ig.DataSource 自体のインスタンスを取得または設定します。
注: これが文字列に設定され、dataSourceType オプションが設定されていない場合、$.ig.JSONDataSource が使用されます。

データ ソースのタイプ (「json」、「xml」など) を設定します。$.ig.DataSource とその type プロパティのドキュメントを参照してください。

MVC など、リモート フィルタリングの要求に対して JSON を送信するのに使用する URL を設定します。ロードオンデマンドが有効で、type が remote の場合、このオプションは必須です。

入力の変更を処理する前の遅延時間の期間を指定します。各入力変更で実行される選択、フィルター、オートコンプリート、強調表示操作の回数を減らすとパフォーマンスを向上できます。

true に設定される場合、ドロップダウン リストのコンテナーが本体に追加されます。
false に設定される場合、コンボの親要素に追加されます。

このオプションは 2017.2 バージョン以降サポートされません。
ドロップダウン ボタンを表す html 要素を取得または設定します。
locale.dropDownButtonTitle オプションを使用します。

コンボがフォーカスされる場合、ドロップダウン リストを表示する機能を取得または設定します。このオプションは、コンボの mode が editable の場合のみ効果があります。

開くボタンがをクリックしたときにドロップダウン リストの方向を取得または設定します。

ドロップダウン リストの幅をピクセル単位で取得または設定します。

クリア ボタンを描画するかどうかを指定します。
選択 mode が single、readonly、または readonlylist の場合、このオプションのデフォルト値は false です。明示的に true に設定した場合も有効にできます。

「&filter('col') = startsWith」など、リモート要求に対してリモート フィルタリングの式をエンコードする方法を指定する URL キー名を取得または設定します。デフォルトは OData です。

フィルタリングに使用する条件を取得または設定します。
注: autoComplete が有効な場合、フィルタリング条件は常に "startsWith" です。

フィルタリング ロジックを取得または設定します。

フィルタリングのタイプを取得または設定します。
注: このオプションを "remote" に設定した場合、"css.waitFiltering" はコンボとドロップダウン リストに適用されます。

ドロップダウン リスト内のフッターの描画に使用されるテンプレートを取得または設定します。
注:
1.テンプレートは DIV HTML 要素内で描画されます。
2.以下の変数を使用できます:
- {0}: igCombo (dataSource のビュー) 内のレコード数
- {1}: dataSource 内のレコード数
- {2}: サーバー上の (フィルター済み) レコード数
- {3}: サーバー上のすべてのレコード数

コンボのテキスト表示値の書式設定に使用される書式設定文字列を取得または設定します。
有効なオプション:
"auto" (デフォルト) - Date および number オブジェクトには自動書式が使用されます。
"none", "", or null - 書式設定を無効にします。

カスタム値としては、「currency」、「percent」、「dateLong」、「time」、「MMM-dd-yyyy H:mm tt」などが可能です。

カスタム書式設定文字列が textKey 列のデータ タイプと一致します。

グループ化機能オプションを指定するオブジェクトを取得または設定します。オプションに key および dir プロパティがあります。

• dir

  タイプ:

  enumeration

  デフォルト:

  asc

  並べ替え方向 (昇順または降順) を指定します。

  メンバー

  • asc
  • タイプ:string
  • desc
  • タイプ:string

  コード サンプル

  //Initialize $(".selector").igCombo({     grouping: {         key: "Country",         dir: "desc"     } }); //Get var grouping = $(".selector").igCombo("option", "grouping"); var dir = grouping.dir; //Set $(".selector").igCombo("option", "grouping", { dir: "asc" });

• key

  タイプ:

  string

  デフォルト:

  null

  レコードのグループ化に基づく列の名前を取得または設定します。このオプションを設定すると、グループ化が有効になります。

  コード サンプル

  //Initialize $(".selector").igCombo({     grouping: {         key: "Country"     } });   //Get var grouping = $(".selector").igCombo("option", "grouping"); var key = grouping.key;   //Set $(".selector").igCombo("option", "grouping", { key: "Age" });

ドロップダウン リスト内のヘッダーの描画に使用されるテンプレートを取得または設定します。テンプレートは DIV HTML 要素内で描画されます。

コンボの高さを取得または設定します。数値および文字列値 (サイズの有効な HTML 単位) はサポートされます。これには %、px、em およびその他の単位が含まれます。

ドロップダウン リストの項目内の一致部分の強調表示に使用される条件を取得または設定します。

コンボの初期化時に選択される項目のリストを取得または設定します。インデックスまたは値プロパティのあるオブジェクト配列を含みます。初期化一致項目が選択されます。initialSelectedItems を設定せずに、コンボがドロップダウンで単一選択が有効か、readonly または readonlylist mode にある場合、最初の項目は自動的に選択されます。
注: 初期化で読み込まれる項目のみ選択できます。ロードオンデマンドを使用する場合、まだ読み込まれていない項目の選択はできません。

• index

  タイプ:

  number

  デフォルト:

  -1

  Optional="true" リスト内の項目のインデックス。インデックスは -1 よりも大きく、リスト内の items (dataSource 内の行) 数未満である必要があります。

  コード サンプル

  //Initialize $(".selector").igCombo({     multiSelection: {         enabled: true     },     initialSelectedItems: [         { index: 1 },         { index: 3 },         { index: 5 }     ] });   //Get var initialSelectedItems = $(".selector").igCombo("option", "initialSelectedItems");

• value

  タイプ:

  object

  デフォルト:

  null

  Optional="true" 値は項目の valueKey プロパティに一致します。

  コード サンプル

  //Initialize $(".selector").igCombo({     multiSelection: {         enabled: true     },     initialSelectedItems: [         { value: 2 },         { value: 5 }     ] });   //Get var initialSelectedItems = $(".selector").igCombo("option", "initialSelectedItems");

データを送信するときに使用される非表示の INPUT 要素の名前を取得または設定します。igCombo の変更時に、その値が ',' 文字で区切られた選択した項目の valueKeys の値に設定されます。コンボ要素の 'name' 属性を設定し、このオプションを設定しない場合、'name' 属性は入力名として使用されます。

リスト内の項目の描画に使用されるテンプレートを取得または設定します。igCombo はノードのコンテンツ テンプレートを生成するために igTemplating を使用します。
テンプレート エンジンについて: http://jp.igniteui.com/help/infragistics-templating-engine。

ウィジェットのロケール言語設定を取得または設定します。

ロードオンデマンド機能を定義する変数のコンテナーを取得または設定します。
注:
このオプションは、データが dataSourceUrl によってリモートに読み込んだ場合のみに影響します。
選択は読み込んだ項目のみでサポートされます。

• enabled

  タイプ:

  bool

  デフォルト:

  false

  ロードオンデマンドを有効にするオプションを取得または設定します。コンボのターゲット要素が複数の属性が設定済みの select 要素の場合、デフォルトで true に設定されます。

  コード サンプル

  //Initialize $(".selector").igCombo({     loadOnDemandSettings: { enabled: true } });   //Get var loadOnDemandSettings = $(".selector").igCombo("option", "loadOnDemandSettings"); //Get the enabled state loadOnDemandSettings.enabled;   //Set $(".selector").igCombo("option", "loadOnDemandSettings", { enabled: true });

• pageSize

  タイプ:

  number

  デフォルト:

  16

  各要求に読み込むレコードの数を取得または設定します。

  コード サンプル

  //Initialize $(".selector").igCombo({     loadOnDemandSettings: {         enabled: true,         pageSize: 55     } });   //Get var loadOnDemandSettings = $(".selector").igCombo("option", "loadOnDemandSettings"); //Get the drop down list page size loadOnDemandSettings.pageSize;   //Set $(".selector").igCombo("option", "loadOnDemandSettings", { enabled: true, pageSize: 55 });

• clearButtonTitle

  タイプ:

  object

  デフォルト:

  ""

  クリア ボタンを表す html 要素のタイトルを取得または設定します。

  コード サンプル

  //Initialize $(".selector").igCombo({     locale: {         clearButtonTitle: "Clear value"     } });   //Get var text = $(".selector").igCombo("option", "locale").clearButtonTitle;   //Set $(".selector").igCombo("option", "locale", { clearButtonTitle: "Clear value" });

• dropDownButtonTitle

  タイプ:

  object

  デフォルト:

  ""

  ドロップダウン ボタンを表す html 要素を取得または設定します。

  コード サンプル

  //Initialize $(".selector").igCombo({     locale: {         dropDownButtonTitle: "Open Dropdown"     } });   //Get var text = $(".selector").igCombo("option", "locale").dropDownButtonTitle;   //Set $(".selector").igCombo("option", "locale", { dropDownButtonTitle: "Open Dropdown" });

• noMatchFoundText

  タイプ:

  object

  デフォルト:

  ""

  filteringType オプションが有効で一致が見つからなかった場合に条件のリスト項目のテキストを取得または設定します。

  コード サンプル

  //Initialize $(".selector").igCombo({     locale: {         noMatchFoundText: "No match found"     } });   //Get var text = $(".selector").igCombo("option", "locale").noMatchFoundText;   //Set $(".selector").igCombo("option", "locale", { noMatchFoundText: "No match found" });

• placeHolder

  タイプ:

  object

  デフォルト:

  ""

  入力フィールドが空の場合に表示される値を取得または設定します。

  コード サンプル

  //Initialize $(".selector").igCombo({     locale: {         placeHolder: "Empty input field"     } });   //Get var text = $(".selector").igCombo("option", "locale").placeHolder;   //Set $(".selector").igCombo("option", "locale", { placeHolder: "Empty input field" });

機能モードを設定・取得します。

複数選択機能オプションを指定するオブジェクトを取得または設定します。オブジェクトは、addWithKeyModifier、showCheckboxes、 itemSeparator プロパティを有効にします。注: showCheckboxes および itemSeparator は複数選択が有効な場合のみ効果があります。

• addWithKeyModifier

  タイプ:

  bool

  デフォルト:

  false

  付加選択を無効にするために addWithKeyModifier を true に設定します。次に付加選択は Ctrl + マウス クリック/ Enter で実行できます。

  コード サンプル

  //Initialize $(".selector").igCombo({     multiSelection: {         addWithKeyModifier: true     } });   //Get var multiSelection = $(".selector").igCombo("option", "multiSelection"); var addWithKeyModifier = multiSelection.addWithKeyModifier;     //Set $(".selector").igCombo("option", "multiSelection", { addWithKeyModifier: true });

• enabled

  タイプ:

  bool

  デフォルト:

  false

  true に設定して複数選択を有効にします。コンボのターゲット要素が複数の属性が設定ずみの select 要素の場合、デフォルトで true に設定されます。

  コード サンプル

  //Initialize $(".selector").igCombo({     multiSelection: {         enabled: true     } });   //Get var multiSelection = $(".selector").igCombo("option", "multiSelection"); var enabled = multiSelection.enabled;   //Set $(".selector").igCombo("option", "multiSelection", { enabled: true });

• itemSeparator

  タイプ:

  string

  デフォルト:

  ", "

  フィールドの項目間でどの文字列が描画されるか設定するために itemSeparator を使用します。

  コード サンプル

  //Initialize     $(".selector").igCombo({         multiSelection: {             itemSeparator: ", "         }     });       //Get     var multiSelection = $(".selector").igCombo("option", "multiSelection");     var itemSeparator = multiSelection.itemSeparator;         //Set     $(".selector").igCombo("option", "multiSelection", { itemSeparator: ". " });

• showCheckboxes

  タイプ:

  bool

  デフォルト:

  false

  showCheckboxes を true に設定して各ドロップ ダウン項目の前にチェック ボックスを描画します。

  コード サンプル

  //Initialize $(".selector").igCombo({     multiSelection: {         showCheckboxes: true     } });   //Get var multiSelection = $(".selector").igCombo("option", "multiSelection"); var showCheckboxes = multiSelection.showCheckboxes;   //Set $(".selector").igCombo("option", "multiSelection", { showCheckboxes: false });

このオプションは 2017.2 バージョン以降サポートされません。
filteringType オプションが有効で一致が見つからなかった場合に条件のリスト項目のテキストを取得または設定します。
locale.noMatchFoundText オプションを使用します。

このオプションは 2017.2 バージョン以降サポートされません。
入力フィールドが空の場合に表示される値を取得または設定します。
locale.placeHolder オプションを使用します。

[Enter] キーを押すと、フォームの送信を回避する機能を取得または設定します。

ウィジェットの領域設定を取得または設定します。

要求を送信するために使用される HTTP 動詞を指定します。

応答のコンテンツ タイプ。http://api.jquery.com/jQuery.ajax/ => contentType を参照してください。

$.ig.DataSource を参照してください。応答がラップされる場合、これは基本的にデータ レコードが保持される応答内のプロパティです。

URL がデータ ソースとして設定された場合の応答タイプ。http://api.jquery.com/jQuery.ajax/ => dataType を参照してください。

$.ig.DataSource を参照してください。サーバー上のレコードの総数を指定する応答内のプロパティ。

スペースを押して項目を選択する機能を取得または設定します。

ドロップダウン ボタンがクリックされたとき、タッチ デバイスで画面にキーボードを表示するかどうかを取得または設定します。
注: コンボの入力フィールドが編集モードでフォーカスされる場合、キーボードが表示されます。

コンボのフィールドの tabIndex を取得または設定します。

表示されたテキストが含まれる列の名前を取得または設定します。見つからない場合は、valueKeyオプションが使用されます。

igValidator でサポートされるオプションを含むオブジェクトを取得または設定します。
注: バリデーターを動作させるには、アプリケーションで igValidator が確実に読み込まれている必要があります (ig.ui.validator.js/css ファイル)。

「value」を含む列の名前を取得または設定します。見つからない場合は、最初の列の名前が使用されます。

ドロップダウン リストの仮想描画を使用する機能を取得または設定します。コンボにレコードが多くある場合、パフォーマンスを向上するために有効にします。
このオプションが有効な場合、可視項目のみが作成され、リスト内の最初の可視項目の上端がリストの上端に合わせられます。

一度に表示される項目の数を取得または設定します。
注:
このオプションは、仮想化で最初のリスト項目を描画するために使用されます。

コンボの幅を取得または設定します。数値および文字列値 (サイズの有効な HTML 単位) はサポートされます。これには %、px、em およびその他の単位が含まれます。