展開/折り畳みなどの、各アニメーションの時間を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					animationDuration : 25
				});

				//Get
				var animationDuration = $(".selector").igTree("option", "animationDuration");

				//Set
				$(".selector").igTree("option", "animationDuration", 25);
			 

データ バインディング プロパティおよびキーを取得します。igTree はこのプロパティおよびキーを使用して対応するデータを dataSource から抽出します。

 
				$(".selector").igTree({
					bindings: {
						textKey: 'Name',
						valueKey: 'ID',
						primaryKey: 'ID',
						childDataProperty: 'Products',
						bindings: {
							textKey: 'Name',
							valueKey: 'ID',
							primaryKey: 'ID',
							childDataProperty: 'Supplier',
							bindings: {
								textKey: 'Name',
								valueKey: 'ID'
							}
						}
					}
				});
			 

• bindings

  タイプ:

  object

  デフォルト:

  {}

  バインドの次のレイヤーを再帰的に取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							textKey: "Name",
  							valueKey: "ID",
  							primaryKey: "ID",
  							childDataProperty: "Products",
  							bindings: {
  								textKey: "Name",
  								valueKey: "ID",
  								primaryKey: "ID",
  								childDataProperty: "Supplier",
  								bindings: {
  									textKey: "Name",
  									valueKey: "ID"
  								}
  							}
  						}
  					});
  				 

• checkedKey

  タイプ:

  string

  デフォルト:

  "__checked__"

  データ ソース プロパティの名前を取得します。このプロパティの値がノードのチェック状態を保存します。チェック状態は文字列列挙体によって表されます。checked|partially checked|unchecked 状態の値は "on|partial|off" です。

  コード サンプル

   
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							checkedKey: "Checked"
  						}
  					});
  					 

• childDataProperty

  タイプ:

  string

  デフォルト:

  "Nodes"

  現在のレイヤー ノードの子データが格納されているデータ ソース プロパティの名前を取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							textKey: "Name",
  							valueKey: "ID",
  							primaryKey: "ID",
  							childDataProperty: "Products",
  							bindings: {
  								textKey: "Name",
  								valueKey: "ID",
  								primaryKey: "ID",
  								childDataProperty: "Supplier",
  								bindings: {
  									textKey: "Name",
  									valueKey: "ID"
  								}
  							}
  						}
  					});
  				 

• childDataXPath

  タイプ:

  string

  デフォルト:

  "Children"

  子データ ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  					$(".selector").igTree({
  						dataSource: data,
  							dataSourceType: "xml",
  							initialExpandDepth: 0,
  							pathSeparator: ".",
  							bindings: {
  								childDataXPath: "Folder"
  							}
  					});
  				 

• expandedKey

  タイプ:

  string

  デフォルト:

  "__expanded__"

  データ ソース プロパティの名前を取得します。このプロパティの値がノードの展開状態を保存します。展開状態はブール値によって表されます。

  コード サンプル

   
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							expandedKey: "Expanded"
  						}
  					});
  					 

• imageUrlKey

  タイプ:

  string

  デフォルト:

  "ImageUrl"

  その値がノード画像の URL として使用される、データ ソース プロパティの名前を取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							imageUrlKey: "ImageUrl"
  						}
  					});
  				 

• imageUrlXPath

  タイプ:

  string

  デフォルト:

  "@ImageUrl"

  画像 URL 属性/ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  				//XML node has the following structure:
  				//<Folder Text="Y.Malmsteen" ImageUrl="book.png" Value="Folder" NavigateUrl="http://www.infragistics.com">
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							imageUrlXPath: "@ImageUrl"
  						}
  				});
  				 

• navigateUrlKey

  タイプ:

  string

  デフォルト:

  "NavigateUrl"

  その値がノード アンカーの href 属性として使用される、データ ソース プロパティの名前を取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							navigateUrlKey: "NavigateUrl"
  						}
  					});
  				 

• navigateUrlXPath

  タイプ:

  string

  デフォルト:

  "@NavigateUrl"

  ナビゲート URL 属性/ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  				//XML node has the following structure:
  				//<Folder Text="Y.Malmsteen" ImageUrl="book.png" Value="Folder" NavigateUrl="http://www.infragistics.com">
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							navigateUrlXPath: "@NavigateUrl"
  						}
  					});
  				 

• nodeContentTemplate

  タイプ:

  string

  デフォルト:

  null

  現在のバインド レイヤーに関するノード コンテンツ テンプレートを取得します。igTree はノードのコンテンツ テンプレートを生成するために igTemplating を使用します。テンプレートのセットアップの例は以下のブログ (英語) に説明されます。 http://www.infragistics.com/community/blogs/marina_stoyanova/archive/2014/06/17/how-to-use-templates-to-style-the-different-nodes-of-the-ignite-ui-tree-control.aspx.

  コード サンプル

   
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							nodeContentTemplate: "Stay: ${Duration}"
  						}
  					});
  				 

• primaryKey

  タイプ:

  string

  デフォルト:

  null

  その値がデータのプライマリ キー属性として使用される、データ ソース プロパティの名前を取得します。ロードオンデマンドが有効であり、指定されたノードのパスがインデックスの代わりにプライマリ キーを使用して生成される場合に、このプロパティが使用されます。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							textKey: "Name",
  							valueKey: "ID",
  							primaryKey: "ID",
  							childDataProperty: "Products",
  							bindings: {
  								textKey: "Name",
  								valueKey: "ID",
  								primaryKey: "ID",
  								childDataProperty: "Supplier",
  								bindings: {
  									textKey: "Name",
  									valueKey: "ID"
  								}
  							}
  						}
  					});
  				 

• searchFieldXPath

  タイプ:

  string

  デフォルト:

  "Nodes"

  ルート データ ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  				//XML node has the following structure:
  				//<Folder Text="Y.Malmsteen" ImageUrl="book.png" Value="Folder" NavigateUrl="http://www.infragistics.com">
  					$(".selector").igTree({
  						bindings: {
  							searchFieldXPath: "Folder"
  						}
  					});
  				 

• targetKey

  タイプ:

  string

  デフォルト:

  "Target"

  その値がノード アンカーの target 属性として使用される、データ ソース プロパティの名前を取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							targetKey: "Target"
  						}
  					});
  				 

• textKey

  タイプ:

  string

  デフォルト:

  "Text"

  その値がノード テキストになる、データ ソース プロパティの名前を取得します。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							textKey: "Name",
  							valueKey: "ID",
  							primaryKey: "ID"
  						}
  					});
  				 

• textXPath

  タイプ:

  string

  デフォルト:

  "@Text"

  テキスト属性／ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  				//XML nodes have this structure:
  				//<Folder Text="Y.Malmsteen" ImageUrl="book.png" Value="Folder" NavigateUrl="http://www.infragistics.com">
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							textXPath: "@Text"
  						}
  					});
  				 

• valueKey

  タイプ:

  string

  デフォルト:

  "Value"

  データ ソース プロパティの名前を取得します。このプロパティの値がノードの値として使用されます。

  コード サンプル

   
  					$(".selector").igTree({
  						bindings: {
  							textKey: "Name",
  							valueKey: "ID",
  							primaryKey: "ID"
  						}
  					});
  				 

• valueXPath

  タイプ:

  string

  デフォルト:

  "@Value"

  値属性/ノードへの XPath を取得します。クライアントのみのXML への直接バインディングで使用されます。

  コード サンプル

   
  				//XML nodes have this structure:
  				//<Folder Text="Y.Malmsteen" ImageUrl="book.png" Value="Folder" NavigateUrl="http://www.infragistics.com">
  					$(".selector").igTree({
  						dataSource: data,
  						dataSourceType: "xml",
  						initialExpandDepth: 0,
  						pathSeparator: ".",
  						bindings: {
  							valueXPath: "@Value"
  						}
  					});
  				 

ツリー ノードのために描画されるチェックボックスの動作およびタイプを取得します。初期化のみに設定できます。

 
				//Initialize
				$(".selector").igTree({
					checkboxMode : "triState"
				});
				//Get
				var checkboxMode = $(".selector").igTree("option", "checkboxMode");
			 

igTree データ ソースを取得または設定します。$.ig.DataSource が受け入れる有効なデータ ソース、または $.ig.DataSource 自体のインスタンスを使用できます。
データ ソースが初期化された後、このオプションは $.ig.HierarchicalDataSource のインスタンスになります。

 
					//Initialize
					$(".selector").igTree({
						dataSource : data
					});

					//Get
					var dataSource = $(".selector").igTree("option", "dataSource");
				 

データ ソースのタイプを取得します。値を $.ig.DataSource.settings.type にデリゲートします。データ ソースのタイプ ("json" など) を明示的に設定します。$.ig.DataSource.settings.type のヘルプを参照してください。

 
				//Initialize
				$(".selector").igTree({
					dataSourceType : "xml"
				});
				//Get
				var type = $(".selector").igTree("option", "dataSourceType");
			 

$.ig.DataSource からデータを要求するには、$.ig.DataSource により承諾されたリモート URL を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					dataSourceUrl : "data.svc"
				});
				//Get
				var url = $(".selector").igTree("option", "dataSourceUrl");
			 

ノード アンカーのデフォルトのターゲット属性値を取得します。

 
				//Initialize
				$(".selector").igTree({
					defaultNodeTarget : "_blank"
				});

				//Get
				var target = $(".selector").igTree("option", "defaultNodeTarget");
			 

ドラッグ アンド ドロップ機能が有効かどうかを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					dragAndDrop : true
				});

				//Get
				var value = $(".selector").igTree("option", "dragAndDrop");

				//Set
				$(".selector").igTree("option", "dragAndDrop", false);
			 

ドラッグ アンド ドロップ機能の設定を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					dragAndDropSettings : {
						allowDrop: true,
						...
					}
				});

				//Get
				var settings = $(".selector").igTree("option", "dragAndDropSettings");

				//Set
				settings.allowDrop = {
					allowDrop: false,
					...
					};
				$(".selector").igTree("option", "dragAndDropSettings", settings);
			 

• allowDrop

  タイプ:

  bool

  デフォルト:

  false

  ウィジェットが別のコントロールからドラッグ アンド ドロップを受け付けるかどうかを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							allowDrop: true
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var allowDrop = settings.allowDrop;
  
  					//Set
  					settings.allowDrop = false;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• containment

  タイプ:

  enumeration

  デフォルト:

  false

  ドラッグ ヘルパーのコンテナーを取得します。ドラッグ操作でスクロール可能なヘルパーに含まれる領域。 selector ドラッグ可能な要素がセレクターによって検索された最初の要素の境界ボックスに含まれます。要素が見つからなかった場合、コンテナーが設定されません。 element ドラッグ可能な要素がこの要素の境界ボックスに含まれます。

  メンバー

  • boolean
  • タイプ:bool
  • false に設定すると、ドラッグ可能な要素がウィンドウに含まれます。
  • selector
  • タイプ:string
  • ドラッグ可能な要素がセレクターによって検索された最初の要素の境界ボックスに含まれます。要素が見つからなかった場合、コンテナーが設定されません。
  • element
  • タイプ:object
  • ドラッグ可能な要素がこの要素の境界ボックスに含まれます。
  • string
  • タイプ:string
  • 可能な値: "parent"、"document"、"window"。
  • array
  • タイプ:array
  • [ x1, y1, x2, y2 ] の形式で境界ボックスを定義する配列。

  コード サンプル

   
  						//Initialize
  						$(".selector").igTree({
  							dragAndDropSettings : {
  								containment: true
  							}
  						});
  						//Get
  						var settings = $(".selector").igTree("option", "dragAndDropSettings");
  						var containment = settings.containment;
  						//Set
  						settings.containment = false;
  						$(".selector").igTree("option", "dragAndDropSettings", settings);
  					 

• copyAfterMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Copy after</strong> {0}</p></div>"

  「次の項目の後へコピー:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							copyAfterMarkup: "<div class=\"message\"><h3>Copy After</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var copyAfterMarkup = settings.copyAfterMarkup;
  
  					//Set
  					settings.copyAfterMarkup = "<div class=\"message\"><h3>Copy After</h3><p> {0}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• copyBeforeMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Copy before</strong> {0}</p></div>"

  「次の項目の前へコピー:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							copyBeforeMarkup: "<div class=\"message\"><h3>Copy Before</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var copyBeforeMarkup = settings.copyBeforeMarkup;
  
  					//Set
  					settings.copyBeforeMarkup = "<div class=\"message\"><h3>Copy Before</h3><p> {0}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• copyBetweenMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Copy between</strong> {0} and {1}</p></div>"

  「次の 2 つの項目の間へコピー:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							copyBetweenMarkup: "<div class=\"message\"><h3>Copy Between</h3><p> {0} and {1}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var copyBetweenMarkup = settings.copyBetweenMarkup;
  
  					//Set
  					settings.copyBetweenMarkup = "<div class=\"message\"><h3>Copy Between</h3><p> {0} and {1}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• copyToMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Copy to</strong> {0}</p></div>"

  「次の位置へコピー:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							copyToMarkup: "<div class=\"message\"><h3>Copy To</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var copyToMarkup = settings.copyToMarkup;
  
  					//Set
  					settings.copyToMarkup = "<div class=\"message\"><h3>Copy To</h3><p> {0}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• customDropValidation

  タイプ:

  enumeration

  デフォルト:

  null

  カスタム ドロップ ポイント検証のメソッドを取得します。この関数から True を返すと、ドロップ ポイントを有効にします。False を返すと、無効にします。

  メンバー

  • function
  • タイプ:function
  • ドロップ ポイントを検証するために使用される関数。
  • null
  • タイプ:object
  • 定義済みの検証のみが適用されます。

  コード サンプル

   
  						//Initialize
  						$(".selector").igTree({
  							dragAndDropSettings : {
  								customDropValidation: function() {}
  							}
  						});
  						//Get
  						var settings = $(".selector").igTree("option", "dragAndDropSettings");
  						var customDropValidation = settings.customDropValidation;
  						//Set
  						settings.customDropValidation = function() {};
  						$(".selector").igTree("option", "dragAndDropSettings", settings);
  					 

• dragAndDropMode

  タイプ:

  enumeration

  デフォルト:

  default

  ドラッグ アンド ドロップ モードを取得します。

  メンバー

  • default
  • タイプ:string
  • Ctrl キーを押すときに「コピー」を実行します。それ以外の場合、「移動」を実行します。
  • copy
  • タイプ:string
  • ドラッグされたノードのコピーをドロップ位置に作成します。
  • move
  • タイプ:string
  • ドラッグされたノードをドロップ位置に移動します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							dragAndDropMode: "copy"
  						}
  					});
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var dragAndDropMode = settings.dragAndDropMode;
  					//Set
  					settings.dragAndDropMode = "copy";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• dragOpacity

  タイプ:

  number

  デフォルト:

  0.75

  ドラッグ ヘルパーの不透明を取得します。0 は完全に透明で、1 は完全に不透です。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							dragOpacity: 0.25
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var dragOpacity = settings.dragOpacity;
  
  					//Set
  					settings.dragOpacity = 0.5;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• dragStartDelay

  タイプ:

  number

  デフォルト:

  200

  マウスダウンとドラッグの開始の遅延時間を取得します。より小さい値はノードでドラッグの精度を増加し、選択を妨げる可能性があります。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							dragStartDelay: 400
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var dragStartDelay = settings.dragStartDelay;
  
  					//Set
  					settings.dragStartDelay = 500;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• expandDelay

  タイプ:

  number

  デフォルト:

  1000

  expandOnDragOver が true の場合、親ノードをホバーしてからドラッグでノードを展開するまでの遅延を取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							expandDelay: 1500
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var expandDelay = settings.expandDelay;
  
  					//Set
  					settings.expandDelay = 2000;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• expandOnDragOver

  タイプ:

  bool

  デフォルト:

  true

  子を持つ縮小されたノードの上にドラッグすると、ノードが展開するかどうかを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							expandOnDragOver: false
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var expand = settings.expandOnDragOver;
  
  					//Set
  					settings.expandOnDragOver = false;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• helper

  タイプ:

  enumeration

  デフォルト:

  default

  ドラッグ操作で描画されるヘルパーのタイプを取得します。

  メンバー

  • function
  • タイプ:function
  • ドラッグで使用する DOMElement を返す関数。
  • default
  • タイプ:string
  • デフォルトの igTree ヘルパーを描画します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							helper: "myHelper"
  						}
  					});
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var helper = settings.helper;
  					//Set
  					settings.helper = "myHelper";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• invalidMoveToMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>{0}</strong></p></div>"

  無効なヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							invalidMoveToMarkup: "<div class=\"message\">Invalid</div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var invalidMoveToMarkup = settings.invalidMoveToMarkup;
  
  					//Set
  					settings.invalidMoveToMarkup = "<div class=\"message\">Invalid</div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• moveAfterMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Move after</strong> {0}</p></div>"

  「次の項目の後へ移動:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							moveAfterMarkup: "<div class=\"message\"><h3>Move After</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var moveAfterMarkup = settings.moveAfterMarkup;
  
  					//Set
  					settings.moveAfterMarkup = "<div class=\"message\"><h3>Move After</h3><p> {0}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• moveBeforeMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Move before</strong> {0}</p></div>"

  「次の項目の前へ移動:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							moveBeforeMarkup: "<div class=\"message\"><h3>Move After</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var moveBeforeMarkup = settings.moveBeforeMarkup;
  
  					//Set
  					settings.moveBeforeMarkup = "<div class=\"message\"><h3>Move Before</h3><p> {0}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• moveBetweenMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Move between</strong> {0} and {1}</p></div>"

  「次の 2 つの項目の間へ移動:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							moveBetweenMarkup: "<div class=\"message\"><h3>Move Between</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var moveBetweenMarkup = settings.moveBetweenMarkup;
  
  					//Set
  					settings.moveBetweenMarkup = "<div class=\"message\"><h3>Move Between</h3><p> {0} and {1}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• moveToMarkup

  タイプ:

  string

  デフォルト:

  "<div><p><span></span><strong>Move to</strong> {0}</p></div>"

  「次の位置へ移動:」ヘルパーの HTML マークアップを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							moveToMarkup: "<div class=\"message\"><h3>Move To</h3><p> {0}</p></div>"
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var moveBetweenMarkup = settings.moveBetweenMarkup;
  
  					//Set
  					settings.moveBetweenMarkup = "<div class=\"message\"><h3>Move Between</h3><p> {0} and {1}</p></div>";
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• revert

  タイプ:

  bool

  デフォルト:

  true

  無効なドロップの場合、ヘルパーを元の位置に戻すかどうかを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							revert: false
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var revert = settings.revert;
  
  					//Set
  					settings.revert = false;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• revertDuration

  タイプ:

  number

  デフォルト:

  500

  元に戻すアニメーションの期間を取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							revertDuration: 1000
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var revertDuration = settings.revertDuration;
  
  					//Set
  					settings.revertDuration = 1000;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

• zIndex

  タイプ:

  number

  デフォルト:

  10

  ドラッグ ヘルパーの z インデックスを取得します。

  コード サンプル

   
  					//Initialize
  					$(".selector").igTree({
  						dragAndDropSettings : {
  							zIndex: 20
  						}
  					});
  
  					//Get
  					var settings = $(".selector").igTree("option", "dragAndDropSettings");
  					var zIndex = settings.zIndex;
  
  					//Set
  					settings.zIndex = 20;
  					$(".selector").igTree("option", "dragAndDropSettings", settings);
  				 

コントロール コンテナーの高さを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					height : 400
				});
				//Get
				var height = $(".selector").igTree("option", "height");
				//Set
				$(".selector").igTree("option", "height", 400);
			 

ノードがホバー可能かどうかを取得または設定します。このオプションを false に設定すると、ツリーはノードがホバーされたときにノードにホバー スタイルを適用しません。

 
				//Initialize
				$(".selector").igTree({
					hotTracking : false
				});

				//Get
				var tracking = $(".selector").igTree("option", "hotTracking");

				//Set
				$(".selector").igTree("option", "hotTracking", false);
			 

最初描画で igTree が展開される最初深さを取得します。

 
				//Initialize
				$(".selector").igTree({
					initialExpandDepth : 1
				});

				//Get
				var expandDepth = $(".selector").igTree("option", "initialExpandDepth");
			 

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

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

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

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

すべてのリーフ ノードに適用される CSS クラスを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					leafNodeImageClass : "leafnodeimage"
				});
				//Get
				var class = $(".selector").igTree("option", "leafNodeImageClass");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "leafNodeImageClass", "altleafnodeimage");
			 

すべてのリーフ ノード画像に適用されるツールチップを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					leafNodeImageTooltip : "Book"
				});
				//Get
				var text = $(".selector").igTree("option", "leafNodeImageTooltip");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "leafNodeImageTooltip", "Magazine");
			 

すべてのリーフ ノードに適用される画像 URL を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					leafNodeImageUrl : "images/book.png"
				});
				//Get
				var url = $(".selector").igTree("option", "leafNodeImageUrl");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "leafNodeImageUrl", "images/magazine.png");
			 

すべてのデータを最初にバインドするか、または各子コレクションを展開に応じてバインドするかどうかを取得します。

 
				//Initialize
				$(".selector").igTree({
					loadOnDemand : true
				});

				//Get
				var loadOnDemand = $(".selector").igTree("option", "loadOnDemand");
			 

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

 
					//Initialize
				$(".selector").igTree({
					locale: {}
				});

				// Get
				var locale = $(".selector").igTree("option", "locale");

				// Set
				$(".selector").igTree("option", "locale", {});
			 

すべての親ノードに適用される CSS クラスを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					parentNodeImageClass : "folderimage"
				});
				//Get
				var class = $(".selector").igTree("option", "parentNodeImageClass");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "parentNodeImageClass", "altfolderimage");
			 

すべての親ノード画像に適用されるツールチップを取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					parentNodeImageTooltip : "Folder"
				});
				//Get
				var text = $(".selector").igTree("option", "parentNodeImageTooltip");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "parentNodeImageTooltip", "rootFolder");
			 

すべての親ノードに適用される画像 URL を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					parentNodeImageUrl : "images/folder.png"
				});
				//Get
				var url = $(".selector").igTree("option", "parentNodeImageUrl");
				// Set - works only if an image was also set on initialization.
				// Throws an error otherwise, as the element holding the image source is missing.
				$(".selector").igTree("option", "parentNodeImageUrl", "images/photo.png");
			 

ノード data-path 属性の区切り文字を取得します。

 
				//Initialize
				$(".selector").igTree({
					pathSeparator : "."
				});

				//Get
				var pathSeparator = $(".selector").igTree("option", "pathSeparator");
			 

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

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

リモート要求で使用される HTTP 動詞を取得します。要求を dataSourceUrl に送信するために使用される HTTP 動詞を指定します。

 
				//Initialize
				$(".selector").igTree({
					requestType : "GET"
				});

				//Get
				var url = $(".selector").igTree("option", "requestType");
			 

リモート データ ソース応答のコンテンツ タイプを取得します。dataSourceUrl からの応答のコンテンツ タイプ。 http://api.jquery.com/jQuery.ajax/ => contentType を参照してください。

 
				//Initialize
				$(".selector").igTree({
					responseContentType : "application/json"
				});

				//Get
				var url = $(".selector").igTree("option", "responseContentType");
			 

リモート データ ソースがデータを書く位置の JSON キーを取得します。値を $.ig.DataSource.settings.responseDataKey にデリゲートします。$.ig.DataSource.settings.responseDataKey のヘルプを参照してください。

 
				//Initialize
				$(".selector").igTree({
					responseDataKey : "d.results"
				});
				//Get
				var responseDataKey = $(".selector").igTree("option", "responseDataKey");
			 

リモート データ ソース応答のデータ タイプを取得します。値を $.ig.DataSource.settings.responseDataType にデリゲートします。$.ig.DataSource.settings.responseDataType のヘルプを参照してください。

 
				//Initialize
				$(".selector").igTree({
					responseDataType : "json"
				});
				//Get
				var responseDataType = $(".selector").igTree("option", "responseDataType");
			 

一度に展開するブランチを 1 つ以上取得または設定します。true に設定された場合、ツリーの各レベルでは、一度に展開できるブランチは 1 つのみになります。それ以外の場合、複数のブランチを一度に展開できます。

 
				//Initialize
				$(".selector").igTree({
					singleBranchExpand : true
				});

				//Get
				var singleBranchExpand = $(".selector").igTree("option", "singleBranchExpand");

				//Set
				$(".selector").igTree("option", "singleBranchExpand", true);
			 

更新要求先の URL を取得します。

 
				//Initialize
				$(".selector").igTree({
					updateUrl: "http://example.com/update"
				});

				//Get
				var updateUrl = $(".selector").igTree("option", "updateUrl");

				//Set
				$(".selector").igTree("option", "updateUrl", "http://example.com/update");
			 

コントロール コンテナーの幅を取得または設定します。

 
				//Initialize
				$(".selector").igTree({
					width : "300px"
				});
				//Get
				var width = $(".selector").igTree("option", "width");
				//Set
				$(".selector").igTree("option", "width", "300px");