ヘッダー セルは、 移動ヘルパー ドロップダウンを開く追加ボタンを含むかどうか指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							addMovingDropdown: false
						}
					]
				});

				//Get
				var addMovingDropdown = $(".selector").igTreeGridColumnMoving("option", "addMovingDropdown");
			 

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

 
				//Initialize
				$(".selector").igTreeGrid({
					features: [
						{
							name : "ColumnMoving",
							columnMovingDialogContainment : "window"
						}
					]
				});

				//Get
				var columnMovingDialogContainment = $(".selector").igTreeGridColumnMoving("option", "columnMovingDialogContainment");
			 

列の移動オプションを指定する列設定のリスト。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							columnSettings: [
								{ columnKey: "ProductID", allowMoving: true }
							]
						}
					]
				});

				//Get
				var columnSettings = $(".selector").igTreeGridColumnMoving("option", "columnSettings");
			 

• allowMoving

  タイプ:

  bool

  デフォルト:

  true

  列の移動を許可します。

  コード サンプル

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnMoving",
  									columnSettings: [
  										{ columnIndex: 0, allowMoving: true }
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnMoving("option", "columnSettings");
  						var allowMoving = columnSettings[0].allowMoving;
  					 

• columnIndex

  タイプ:

  number

  デフォルト:

  null

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

  コード サンプル

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnMoving",
  									columnSettings: [
  										{ columnIndex: 0, allowMoving: true }
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnMoving("option", "columnSettings");
  						var columnIndex = columnSettings[0].columnIndex;
  					 

• columnKey

  タイプ:

  string

  デフォルト:

  null

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

  コード サンプル

   
  						//Initialize
  						$(".selector").igTreeGrid({
  							features : [
  								{
  									name : "ColumnMoving",
  									columnSettings: [
  										{ columnKey: "ProductID", allowMoving: true }
  									]
  								}
  							]
  						});
  
  						//Get
  						var columnSettings = $(".selector").igTreeGridColumnMoving("option", "columnSettings");
  						var columnKey = columnSettings[0].columnKey;
  					 

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

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

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

列ヘッダーがドラッグされている間の、ドラッグ マークアップの不透明性を指定します。
値は 0 と 1 の間である必要があります。GroupBy が有効な場合、GroupBy 構成の対応オプションは、
これを優先して使用されます。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							dragHelperOpacity: 0.5
						}
					]
				});

				//Get
				var dragHelperOpacity = $(".selector").igTreeGridColumnMoving("option", "dragHelperOpacity");
			 

このオプションは 2017.2 バージョン以降サポートされません。
「最初へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。locale.dropDownMoveFirstTextオプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							dropDownMoveFirstText: "New Move First"
						}
					]
				});

				//Get
				var dropDownMoveFirstText = $(".selector").igTreeGridColumnMoving("option", "dropDownMoveFirstText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
「最後へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。locale.dropDownMoveLastText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							dropDownMoveLastText: "New Move Last"
						}
					]
				});

				//Get
				var dropDownMoveLastText = $(".selector").igTreeGridColumnMoving("option", "dropDownMoveLastText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
「左へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。locale.dropDownMoveLeftText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							dropDownMoveLeftText: "New Move Left"
						}
					]
				});

				//Get
				var dropDownMoveLeftText = $(".selector").igTreeGridColumnMoving("option", "dropDownMoveLeftText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
「右へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。locale.dropDownMoveRightText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							dropDownMoveRightText: "New Move Right"
						}
					]
				});

				//Get
				var dropDownMoveRightText = $(".selector").igTreeGridColumnMoving("option", "dropDownMoveRightText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
機能セレクターのサブメニュー ボタンのキャプションのテキストを指定します。locale.featureChooserSubmenuText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							featureChooserSubmenuText: "Move to"
						}
					]
				});

					//Get
				var featureChooserSubmenuText = $(".selector").igTreeGridColumnMoving("option", "featureChooserSubmenuText");
			 

ドラッグされている列のコンテンツが非表示になるかどうかを指定します。このオプションは、
移動モードがイミディエイトの場合のみ関係します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							hideHeaderContentsDuringDrag: false
						}
					]
				});

					//Get
				var hideHeaderContentsDuringDrag = $(".selector").igTreeGridColumnMoving("option", "hideHeaderContentsDuringDrag");
			 

• dropDownMoveFirstText

  タイプ:

  string

  デフォルト:

  ""

  「最初へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { dropDownMoveFirstText : "New Move First"}
  							}
  						]
  					});
  
  					//Get
  					var dropDownMoveFirstText = $(".selector").igTreeGridColumnMoving("option", "locale").dropDownMoveFirstText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { dropDownMoveFirstText : "New Move First" });
  				 

• dropDownMoveLastText

  タイプ:

  string

  デフォルト:

  ""

  「最後へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { dropDownMoveLastText : "New Move Last"}
  							}
  						]
  					});
  
  					//Get
  					var dropDownMoveFirstText = $(".selector").igTreeGridColumnMoving("option", "locale").dropDownMoveLastText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { dropDownMoveLastText : "New Move Last" });
  				 

• dropDownMoveLeftText

  タイプ:

  string

  デフォルト:

  ""

  「左へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { dropDownMoveLeftText : "New Move Left"}
  							}
  						]
  					});
  
  					//Get
  					var dropDownMoveLeftText = $(".selector").igTreeGridColumnMoving("option", "locale").dropDownMoveLeftText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { dropDownMoveLeftText : "New Move Left" });
  				 

• dropDownMoveRightText

  タイプ:

  string

  デフォルト:

  ""

  「右へ移動」ドロップダウン ボタンのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { dropDownMoveRightText : "New Move Right"}
  							}
  						]
  					});
  
  					//Get
  					var dropDownMoveRightText = $(".selector").igTreeGridColumnMoving("option", "locale").dropDownMoveRightText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { dropDownMoveRightText : "New Move Right" });
  				 

• featureChooserSubmenuText

  タイプ:

  string

  デフォルト:

  ""

  機能セレクターのサブメニュー ボタンのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { featureChooserSubmenuText : "Move to"}
  							}
  						]
  					});
  
  					//Get
  					var featureChooserSubmenuText = $(".selector").igTreeGridColumnMoving("option", "locale").featureChooserSubmenuText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { featureChooserSubmenuText : "Move to" });
  				 

• movingDialogButtonApplyText

  タイプ:

  string

  デフォルト:

  ""

  [適用] ボタンのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogButtonApplyText : "Apply"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogButtonApplyText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogButtonApplyText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogButtonApplyText : "Apply"});
  				 

• movingDialogButtonCancelText

  タイプ:

  string

  デフォルト:

  ""

  [キャンセル] ボタンのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogButtonCancelText : "Cancel"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogButtonCancelText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogButtonCancelText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogButtonCancelText : "Cancel"});
  				 

• movingDialogCaptionButtonAsc

  タイプ:

  string

  デフォルト:

  ""

  列移動ダイアログの各 [上へ移動] ボタンのキャプションを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogCaptionButtonAsc : "Ascending"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogCaptionButtonAsc = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogCaptionButtonAsc;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogCaptionButtonAsc : "Ascending"});
  				 

• movingDialogCaptionButtonDesc

  タイプ:

  string

  デフォルト:

  ""

  列移動ダイアログの各 [下へ移動] ボタンのキャプションを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogCaptionButtonDesc : "Descending"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogCaptionButtonDesc = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogCaptionButtonDesc;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogCaptionButtonDesc : "Descending"});
  				 

• movingDialogCaptionText

  タイプ:

  string

  デフォルト:

  ""

  [列移動] ダイアログのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogCaptionText : "My Moving Dialog"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogCaptionText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogCaptionText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogCaptionText : "My Moving Dialog"});
  				 

• movingDialogCloseButtonTitle

  タイプ:

  string

  デフォルト:

  ""

  [ダイアログを閉じる] ボタンのタイトルを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogCloseButtonTitle : "Close"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogDropTooltipText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogCloseButtonTitle;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogCloseButtonTitle : "Close"});
  				 

• movingDialogDisplayText

  タイプ:

  string

  デフォルト:

  ""

  [機能セレクター] エントリのキャプションのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogDisplayText : "My Moving Dialog"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogDisplayText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogDisplayText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogDisplayText : "My Moving Dialog"});
  				 

• movingDialogDropTooltipText

  タイプ:

  string

  デフォルト:

  ""

  列移動ダイアログでドロップ ツールチップのテキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingDialogDropTooltipText : "Set your tooltip text"}
  							}
  						]
  					});
  
  					//Get
  					var movingDialogDropTooltipText = $(".selector").igTreeGridColumnMoving("option", "locale").movingDialogDropTooltipText;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", {movingDialogDropTooltipText : "Set your tooltip text"});
  				 

• movingToolTipMove

  タイプ:

  string

  デフォルト:

  ""

  移動インジケーターのツールチップ テキストを指定します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTreeGrid({
  						features: [
  							{
  								name : "ColumnMoving",
  								locale: { movingToolTipMove : "My tooltip"}
  							}
  						]
  					});
  
  					//Get
  					var movingToolTipMove = $(".selector").igTreeGridColumnMoving("option", "locale").movingToolTipMove;
  
  					//Set
  					$(".selector").igTreeGridColumnMoving("option", "locale", { movingToolTipMove : "My tooltip" });
  				 

機能のドラッグ アンド ドロップ モードを指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							mode: "deferred"
						}
					]
				});
				//Get
				var mode = $(".selector").igTreeGridColumnMoving("option", "mode");
			 

列の並べ替え方法を設定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							moveType: "render"
						}
					]
				});
				//Get
				var moveType = $(".selector").igTreeGridColumnMoving("option", "moveType");
				//Set
				$(".selector").igTreeGridColumnMoving("option", "moveType", "render");
			 

移動操作が許可されているドラッグされた列と下の列の端の間の長さ (ピクセル) を指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingAcceptanceTolerance: 10
						}
					]
				});

				//Get
				var movingAcceptanceTolerance = $(".selector").igTreeGridColumnMoving("option", "movingAcceptanceTolerance");
			 

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

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogAnimationDuration: 100
						}
					]
				});

				//Get
				var movingDialogAnimationDuration = $(".selector").igTreeGridColumnMoving("option", "movingDialogAnimationDuration");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列移動ダイアログの各 [上へ移動] ボタンのキャプションを指定します。locale.movingDialogCaptionButtonAsc オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogCaptionButtonAsc: "Ascending"
						}
					]
				});

				//Get
				var movingDialogCaptionButtonAsc = $(".selector").igTreeGridColumnMoving("option", "movingDialogCaptionButtonAsc");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列移動ダイアログの各 [下へ移動] ボタンのキャプションを指定します。locale.movingDialogCaptionButtonDesc オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogCaptionButtonDesc: "Descending"
						}
					]
				});

				//Get
				var movingDialogCaptionButtonDesc = $(".selector").igTreeGridColumnMoving("option", "movingDialogCaptionButtonDesc");
			 

このオプションは 2017.2 バージョン以降サポートされません。
[列移動] ダイアログのキャプションのテキストを指定します。locale.movingDialogCaptionText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogCaptionText: "My Moving Dialog"
						}
					]
				});

				//Get
				var movingDialogCaptionText = $(".selector").igTreeGridColumnMoving("option", "movingDialogCaptionText");
			 

このオプションは 2017.2 バージョン以降サポートされません。
[機能セレクター] エントリのキャプションのテキストを指定します。locale.movingDialogDisplayText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogDisplayText: "My Dialog"
						}
					]
				});

				//Get
				var movingDialogDisplayText = $(".selector").igTreeGridColumnMoving("option", "movingDialogDisplayText");
			 

列移動ダイアログでドロップ ツールチップのマークアップを指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogDropTooltipMarkup: "<div style='color:red'><p><span></span><strong>{text}</strong></p></div>"
						}
					]
				});

				//Get
				var movingDialogDropTooltipMarkup = $(".selector").igTreeGridColumnMoving("option", "movingDialogDropTooltipMarkup");
			 

このオプションは 2017.2 バージョン以降サポートされません。
列移動ダイアログでドロップ ツールチップのテキストを指定します。locale.movingDialogDropTooltipText オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogDropTooltipText: "Set your tooltip text"
						}
					]
				});

				//Get
				var movingDialogDropTooltipText = $(".selector").igTreeGridColumnMoving("option", "movingDialogDropTooltipText");
			 

列移動のダイアログの高さを指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogHeight: "400px"
						}
					]
				});

				//Get
				var movingDialogHeight = $(".selector").igTreeGridColumnMoving("option", "movingDialogHeight");
			 

列移動ダイアログの幅を指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingDialogWidth: "300px"
						}
					]
				});

				//Get
				var movingDialogWidth = $(".selector").igTreeGridColumnMoving("option", "movingDialogWidth");
			 

水平スクロールが発生するドラッグされた列と下の列の端の間の長さ (ピクセル) を指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingScrollTolerance: 10
						}
					]
				});

				//Get
				var movingScrollTolerance = $(".selector").igTreeGridColumnMoving("option", "movingScrollTolerance");
			 

このオプションは 2017.2 バージョン以降サポートされません。
移動インジケーターのツールチップ テキストを指定します。locale.movingToolTipMove オプションを使用します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							movingToolTipMove: "My tooltip"
						}
					]
				});

				//Get
				var movingToolTipMove = $(".selector").igTreeGridColumnMoving("option", "movingToolTipMove");
			 

個々のスクロール操作の長さ (ピクセル) を指定します。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							scrollDelta: 4
						}
					]
				});

				//Get
				var scrollDelta = $(".selector").igTreeGridColumnMoving("option", "scrollDelta");
			 

後続のスクロール操作の間の遅延の乗数を指定します。この数値が大きくなると、スクロールが表示されるまでの時間が長くなります。

 
				//Initialize
				$(".selector").igTreeGrid({
					features : [
						{
							name : "ColumnMoving",
							scrollSpeedMultiplier: 4.0
						}
					]
				});

				//Get
				var scrollSpeedMultiplier = $(".selector").igTreeGridColumnMoving("option", "scrollSpeedMultiplier");