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

 
//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"
  					}
  				}
  			}
  		});
  		

• 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
  • タイプ:object
  • 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

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

• 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");  
       

すべてのリーフ ノードに適用される 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");  

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

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

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

すべての親ノードに適用される 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", "leafNodeImageUrl", "images/magazine.png");

すべての親ノードに適用される画像 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");  

リモート要求で使用される 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");