モーダル ダイアログを表示/非表示にするためにアニメーション期間のミリ秒の時間を指定します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserAnimationDuration: 300
						}
					]
				});
				//Get
				var duration = $(".selector").igGridHiding("option", "columnChooserAnimationDuration");
			 

このオプションは 2017.2 バージョン以降サポートされません。
モーダル ダイアログで変更を適用するボタンのテキストを指定します。locale.columnChooserButtonApplyText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserButtonApplyText: "Apply"
						}
					]
				});
				//Get
				var text = $(".selector").igGridHiding("option", "columnChooserButtonApplyText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
モーダル ダイアログで変更をキャンセルするボタンのテキストを指定します。locale.columnChooserButtonCancelText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserButtonCancelText: "Cancel"
						}
					]
				});
				//Get
				var text = $(".selector").igGridHiding("option", "columnChooserButtonCancelText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列チューザー ダイアログのキャプション。locale.columnChooserCaptionText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserCaptionText: "New Caption"
						}
					]
				});
				//Get
				var columnChooserCaptionText = $(".selector").igGridHiding("option", "columnChooserCaptionText");
			 

コンテインメント動作を制御します。
owner 列選択ダイアログはグリッド領域のみにドラッグ可能です。
window 列選択ダイアログはウィンドウ領域の全体にドラッグ可能です。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserContainment: "window"
						}
					]
				});

				//Get
				var columnChooserContainment = $(".selector").igGridHiding("option", "columnChooserContainment");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列チューザー ダイアログを開始するために、ドロップ ダウンのツール メニュー (機能選択) で使用されるテキスト。locale.columnChooserDisplayText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserDisplayText: "New Text"
						}
					]
				});

				//Get
				var columnChooserDisplayText = $(".selector").igGridHiding("option", "columnChooserDisplayText");
			 

デフォルトの列セレクターの高さ。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserHeight: 100
						}
					]
				});
				//Get
				var columnChooserHeight = $(".selector").igGridHiding("option", "columnChooserHeight");
			 

列を表示/非表示にするためにクリックして直接表示するか、それとも非表示にするかを指定します。columnChooserHideOnClick が false の場合、適用ボタンとキャンセルボタンがモーダル ダイアログの下側に表示されます。[適用] ボタンがクリックされた後で列が表示/非表示になります。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserHideOnClick: true
						}
					]
				});
				//Get
				var onClick = $(".selector").igGridHiding("option", "columnChooserHideOnClick");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列を非表示にするために列選択で使用されるテキスト。locale.columnChooserHideText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserHideText: "Hide column"
						}
					]
				});
				//Get
				var text = $(".selector").igGridHiding("option", "columnChooserHideText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
Tリセット ボタン用のテキストラベル。locale.columnChooserResetButtonLabel オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserResetButtonLabel: "Reset"
						}
					]
				});
				//Get
				var text = $(".selector").igGridHiding("option", "columnChooserResetButtonLabel");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列を表示するために列選択で使用されるテキスト。locale.columnChooserShowText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserShowText: "Show Column"
						}
					]
				});
				//Get
				var text = $(".selector").igGridHiding("option", "columnChooserShowText");
			 

デフォルトの列セレクターの幅。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserWidth: 100
						}
					]
				});
				//Get
				var columnChooserWidth = $(".selector").igGridHiding("option", "columnChooserWidth");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列を非表示にするために、ドロップ ダウンのツール メニュー (機能選択) で使用されるテキスト。locale.columnHideText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnHideText: "Functionallity to hide the column"
						}
					]
				});
				//Get
				var columnHideText = $(".selector").igGridHiding("option", "columnHideText");
			 

非表示オプションを列ごとに指定する列設定のリスト。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
			columnSettings: [
								{ columnKey: "ProductID", allowHiding: true },
							]
						}
					]
				});
				//Get
				var columnSettings = $(".selector").igGridHiding("option", "columnSettings");
			 

• allowHiding

  タイプ:

  bool

  デフォルト:

  true

  列の非表示を許可します。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Hiding",
  									columnSettings: [
  										{ columnIndex: 0, allowHiding: true },
  									]
  								}
  							]
  						});
  						//Get
  						var columnSettings = $(".selector").igGridHiding("option", "columnSettings");
  						var allowHiding = columnSettings[0].allowHiding;
  					 

• columnIndex

  タイプ:

  number

  デフォルト:

  null

  列インデックス。列キーの代わりに使用できます。列設定の生成には列を常に識別子として使用することを推奨します。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Hiding",
  									columnSettings: [
  										{ columnIndex: 0, allowHiding: true },
  									]
  								}
  							]
  						});
  					 

• columnKey

  タイプ:

  string

  デフォルト:

  null

  列キー。これは、columnIndex が設定されていない場合に各列設定で必要なプロパティです。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Hiding",
  									columnSettings: [
  										{ columnKey: "ProductID", allowHiding: true },
  									]
  								}
  							]
  						});
  					 

• hidden

  タイプ:

  bool

  デフォルト:

  false

  列の初期表示状態 (表示/非表示) を設定します。

  コード サンプル

   
  						//Initialize
  						$(".selector").igGrid({
  							features: [
  								{
  									name: "Hiding",
  									columnSettings: [
  										{ columnKey: "ProductID", hidden: true },
  									]
  								}
  							]
  						});
  					 

使用するダイアログ ウィジェットの名前。 $.ui.igGridModalDialog から継承します。

 
				//create dialog widget that inherits from $.ui.igGridModalDialog
				$.widget("ui.CustomDialog", $.ui.igGridModalDialog, {});
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							dialogWidget: "CustomDialog"
						}
					]
				});

					//Get
				var dialogWidget = $(".selector").igGridHiding("option", "dialogWidget");
			 

ドロップダウン アニメーションの時間 (ミリ秒)。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							dropDownAnimationDuration: 500
						}
					]
				});
				//Get
				var dropDownAnimationDuration = $(".selector").igGridHiding("option", "dropDownAnimationDuration");
			 

ヘッダー内の非表示の列インジケーターの幅 (ピクセル)。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							hiddenColumnIndicatorHeaderWidth: 15
						}
					]
				});
				//Get
				var hiddenColumnIndicatorHeaderWidth = $(".selector").igGridHiding("option", "hiddenColumnIndicatorHeaderWidth");
			 

このオプションは 2017.2 バージョン以降サポートされません。
非表示の列インジケーターのツールチップに表示されるテキスト。locale.hiddenColumnIndicatorTooltipText オプションを使用します。

 
				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							hiddenColumnIndicatorTooltipText: "New Tooltip Text"
						}
					]
				});
				//Get
				var hiddenColumnIndicatorTooltipText = $(".selector").igGridHiding("option", "hiddenColumnIndicatorTooltipText");
			 

子レイアウトで機能継承を有効または無効にします。注: igHierarchicalGrid のみに適用します。

 
				//Bind after initialization
				$(document).on("iggridhidingcolumnchooserbuttonapplyclick", ".selector", function (evt, ui) {
					//return the triggered event
					evt;

					// reference to the igGridHiding widget.
					ui.owner;

					// reference to the grid widget.
					ui.owner.grid;

					// reference to the Column Chooser jQuery element.
					ui.columnChooserElement;

					// reference to array of columns identifiers which should be shown.
					ui.columnsToShow;

					// reference to array of columns identifiers which should be hidden.
					ui.columnsToHide;
				});

				//Initialize
				$(".selector").igGrid({
					features : [
						{
							name : "Hiding",
							columnChooserButtonApplyClick: function(evt, ui){ ... }
						}
					]
				});
			 

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

 
					//Initialize
				$(".selector").igGridHiding({
					language: "ja"
				});

				// Get
				var language = $(".selector").igGridHiding("option", "language");

				// Set
				$(".selector").igGridHiding("option", "language", "ja");
			 

• columnChooserButtonApplyText

  タイプ:

  string

  デフォルト:

  ""

  モーダル ダイアログで変更を適用するボタンのテキストを指定します。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserButtonApplyText: "Apply"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserButtonApplyText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserButtonApplyText: "Apply" });
  				 

• columnChooserButtonCancelText

  タイプ:

  string

  デフォルト:

  ""

  モーダル ダイアログで変更を取り消すボタンのテキストを指定します。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserButtonCancelText: "Cancel"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserButtonCancelText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserButtonCancelText: "Cancel" });
  				 

• columnChooserCaptionLabel

  タイプ:

  string

  デフォルト:

  ""

  列チューザー ダイアログのキャプション。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserCaptionLabel: "New Caption"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserCaptionLabel;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserCaptionLabel: "New Caption" });
  				 

• columnChooserCloseButtonTooltip

  タイプ:

  string

  デフォルト:

  ""

  列チューザー ダイアログの [閉じる] ボタンのツールチップ。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserCloseButtonTooltip: "Close"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserCloseButtonTooltip;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserCloseButtonTooltip: "Close" });
  				 

• columnChooserDisplayText

  タイプ:

  string

  デフォルト:

  ""

  列チューザー ダイアログを開始するために、ドロップ ダウンのツール メニュー (機能選択) で使用されるテキスト。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserDisplayText: "New Text"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserDisplayText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserDisplayText: "New Text" });
  				 

• columnChooserHideText

  タイプ:

  string

  デフォルト:

  ""

  列を非表示にするために列選択で使用されるテキスト。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserHideText: "Hide Column"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserHideText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserHideText: "Hide Column" });
  				 

• columnChooserResetButtonLabel

  タイプ:

  string

  デフォルト:

  ""

  リセット ボタン用のテキストラベル。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserResetButtonLabel: "Reset"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserResetButtonLabel;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserResetButtonLabel: "Reset" });
  				 

• columnChooserShowText

  タイプ:

  string

  デフォルト:

  ""

  列を表示するために列選択で使用されるテキスト

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnChooserShowText: "Show Column"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnChooserShowText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnChooserShowText: "Show Column" });
  				 

• columnHideText

  タイプ:

  string

  デフォルト:

  ""

  列を非表示にするために、ドロップ ダウンのツール メニュー (機能選択) で使用されるテキスト。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							columnHideText: "New Tooltip Text"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").columnHideText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { columnHideText: "New Tooltip Text" });
  				 

• hiddenColumnIndicatorTooltipText

  タイプ:

  string

  デフォルト:

  ""

  非表示の列インジケーターのツールチップに表示されるテキスト。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							hiddenColumnIndicatorTooltipText: "New Tooltip Text"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").hiddenColumnIndicatorTooltipText;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { hiddenColumnIndicatorTooltipText: "New Tooltip Text" });
  				 

• hideColumnIconTooltip

  タイプ:

  string

  デフォルト:

  ""

  非表示列アイコンのツールチップを指定します。

  コード サンプル

   
  				//Initialize
  				$(".selector").igGrid({
  					features: [{
  						name: "Hiding",
  						locale: {
  							hideColumnIconTooltip: "Hide"
  						}
  					}]
  				});
  
  				//	Get
  				var text = $(".selector").igGridHiding("option", "locale").hideColumnIconTooltip;
  
  				//	Set
  				$(".selector").igGridHiding("option", "locale", { hideColumnIconTooltip: "Hide" });
  				 

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

 
				//Initialize
				$(".selector").igGridHiding({
					regional: "ja"
				});
				// Get
				var regional = $(".selector").igGridHiding("option", "regional");
				// Set
				$(".selector").igGridHiding("option", "regional", "ja");