タイル マネージャーのアニメーションの期間を取得または設定します。

 
                //Initialize
                $(".selector").igTileManager({
                    animationDuration : 1000
                    });

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

                //Set
                $(".selector").igTileManager("option", "animationDuration", 1000);
             

コンテナーの列数を取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    cols: 5
                });
                //Get
                var cols = igTileManager("option", "cols");
                //Set
                $igTileManager("option", "cols", 5);
             

コンテナーの各列の高さを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    columnHeight: 150
                });
                //Get
                var columnHeight = igTileManager("option", "columnHeight");
                //Set
                $igTileManager("option", "columnHeight", 150);
             

コンテナーの各列の幅を取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    columnWidth: 150
                });
                //Get
                var columnWidth = igTileManager("option", "columnWidth");
                //Set
                $igTileManager("option", "columnWidth", 150);
             

$.ig.DataSource が受け入れる有効なデータ ソース、または $.ig.DataSource 自体のインスタンスを指定します。

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

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

                //Set
                var dataSource = data;
                $(".selector").igTileManager("option", "dataSource", dataSource);
             

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

 
                //Initialize
                $(".selector").igTileManager({
                    dataSourceType : "xml"
                });

                //Get
                var type = $(".selector").igTileManager("option", "dataSourceType");

                //Set
                var type = "xml";
                $(".selector").igTileManager("option", "dataSourceType", type);
             

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

 
                //Initialize
                $(".selector").igTileManager({
                    dataSourceUrl : "data.svc"
                });

                //Get
                var url = $(".selector").igTileManager("option", "dataSourceUrl");

                //Set
                var url = "data.svc";
                $(".selector").igTileManager("option", "dataSourceUrl", url);
             

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

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

タイルの構成を取得または設定します。各タイルは rowSpan、colSpan、rowIndex、および colIndex によって記述されます。

 
                //Initialize
                $('.selector').igTileManager({
                        items: [{ colSpan: 1, rowSpan: 1, colIndex: 0, rowIndex: 0 },
                                { colSpan: 2, rowSpan: 1, colIndex: 1, rowIndex: 0 },
                                { colSpan: 3, rowSpan: 2, colIndex: 0, rowIndex: 1 },
                                { colSpan: 3, rowSpan: 1, colIndex: 0, rowIndex: 3 }]
                });
                //Get
                var items = igTileManager("option", "items");
                //Set
                //Items configuration can be set when the new configuration matches the number of items in the old configuration
                var items = [{ colSpan: 1, rowSpan: 1, colIndex: 0, rowIndex: 0 },
                                { colSpan: 2, rowSpan: 1, colIndex: 1, rowIndex: 0 },
                                { colSpan: 3, rowSpan: 2, colIndex: 0, rowIndex: 1 },
                                { colSpan: 3, rowSpan: 1, colIndex: 0, rowIndex: 3 }];
                $('.selector').igTileManager("option", "items", items);
             

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

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

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

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

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

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

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

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

タイル間の水平スペースを取得または設定します。

number - タイル間の水平スペースを数値として設定できます。

 
                //Initialize
                $(".selector").igTileManager({
                    marginLeft : 15
                });

                //Get
                var marginLeft = $(".selector").igTileManager("option", "marginLeft");

                //Set
                $(".selector").igTileManager("option", "marginLeft", 15);
             

タイル間の垂直スペースを取得または設定します。

number - タイル間の垂直スペースを数値として設定できます。

 
                //Initialize
                $(".selector").igTileManager({
                    marginTop : 15
                });

                //Get
                var marginTop = $(".selector").igTileManager("option", "marginTop");

                //Set
                $(".selector").igTileManager("option", "marginTop", 15);
             

最大状態のタイルのコンテンツを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    maximizedState : 'div'
                });
                //Get
                var maximizedState = $('.selector').igTileManager("option", "maximizedState");
                //Set
                var maximizedState = 'div';
                $('.selector').igTileManager("option", "maximizedState", maximizedState);
             

最大タイルの配置とサイズ変更のために使用する項目構成のインデックスを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                        items: [{ colSpan: 1, rowSpan: 1, colIndex: 0, rowIndex: 0 },
                            { colSpan: 2, rowSpan: 1, colIndex: 1, rowIndex: 0 },
                            { colSpan: 3, rowSpan: 2, colIndex: 0, rowIndex: 1 },
                            { colSpan: 3, rowSpan: 1, colIndex: 0, rowIndex: 3 }],
                        maximizedTileIndex: 2
                });
                //Get
                var maximizedTileIndex = $('.selector').igTileManager("option", "maximizedTileIndex");
                //Set
                var index = 1;
                $('.selector').igTileManager("option", "maximizedTileIndex", index);
             

最小状態のタイルのコンテンツを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    minimizedState : 'h1'
                });
                //Get
                var minimizedState = $('.selector').igTileManager("option", "minimizedState");
                //Set
                var minimizedState = 'h1';
                $('.selector').igTileManager("option", "minimizedState", minimizedState);
             

クリックしたときに最大化をトリガーしない要素を指定する jQuery セレクターを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    preventMaximizingSelector : 'a, input'
                });

                //Get
                var selector = $('.selector').igTileManager("option", "preventMaximizingSelector");

                //Set
                var selector = 'a, input';
                $('.selector').igTileManager("option", "preventMaximizingSelector", selector);
             

コンテナーがサイズ変更されたときに項目を再配置するかどうかを取得または設定します。

 
                //Initialize
                $(".selector").igTileManager({
                    rearrangeItems : false
                });

                //Get
                var rearrangeItems = $(".selector").igTileManager("option", "rearrangeItems");

                //Set
                $(".selector").igTileManager("option", "rearrangeItems", false);
             

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

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

HTTP 要求メソッドを指定します。

 
                //Initialize
                $(".selector").igTileManager({
                        requestType : "get"
                });

                //Get
                var requestType = $('.selector').igTileManager("option", "requestType");

                //Set
                var requestType = "get";
                $('.selector').igTileManager("option", "requestType", requestType);
             

応答オブジェクトの HTTP コンテンツ タイプを取得または設定します。「非同期 HTTP (Ajax) 要求の実行」を参照してください。

 
                //Initialize
                $(".selector").igTileManager({
                    responseContentType : 'application/x-www-form-urlencoded; charset=UTF-8'
                )};

                //Get
                var respContentType = $('.selector').igTileManager("option", "responseContentType");

                //Set
                var respContentType = 'application/x-www-form-urlencoded; charset=UTF-8';
                $('.selector').igTileManager("option", "responseContentType", respContentType);
             

データ レコード配列が保持される場所を指定する応答のプロパティ (応答がラップされる場合)。$.ig.DataSource の responseDataKey を参照してください。

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

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

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

タイルが最小化された場合、右パネルに表示される列の数を取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    rightPanelCols: 2
                });
                //Get
                var cols = $('.selector').igTileManager("option", "rightPanelCols");
                //Set
                var cols = 2;
                $('.selector').igTileManager("option", "rightPanelCols", cols);
             

右パネルの最小化されたタイルの高さを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    rightPanelTilesHeight: 100
                });
                //Get
                var height = $('.selector').igTileManager("option", "rightPanelTilesHeight");
                //Set
                var height = 100;
                $('.selector').igTileManager("option", "rightPanelTilesHeight", height);
             

右パネルの最小化されたタイルの幅を取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    rightPanelTilesWidth: 100
                });
                //Get
                var width = $('.selector').igTileManager("option", "rightPanelTilesWidth");
                //Set
                var width = 100;
                $('.selector').igTileManager("option", "rightPanelTilesWidth", width);
             

コンテナーの行数を取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    rows: 5
                });
                //Get
                var rows = $('.selector').igTileManager("option", "rows");
                //Set
                var rows = 5;
                $('.selector').igTileManager("option", "rows", rows);
             

タイルがオーバーフローされる場合、右パネルにスクロールバーを表示するかどうかを取得または設定します。

 
                //Initialize
                $('.selector').igTileManager({
                    showRightPanelScroll: true
                });

                //Get
                var showRightScroll = $('.selector').igTileManager("option", "showRightPanelScroll");

                //Set
                var showRightScroll = true;
                $('.selector').igTileManager("option", "rightPanelTilesWidth", showRightScroll);
             

スプリッター機能を定義する container 変数の表現を構成します。

 
                //Initialize
                $('.selector').igTileManager({
                    splitterOptions: {
                        enabled: true,
                        collapsed: false,
                        collapsible: true
                    }
                });

                //Get
                var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");

                //Set
                var splitterOptions = { enabled : false };
                $(".selector").igTileManager("option", "splitterOptions", splitterOptions);
             

• collapsed

  タイプ:

  bool

  デフォルト:

  false

  スプリッターが最初に縮小状態にあるかどうかを取得します。

  コード サンプル

   
                      //Initialize
                      $('.selector').igTileManager({
                          splitterOptions: {
                              collapsed: true
                          }
                      });
  
                      //Get
                      var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                      splitterOptions.collapsed;
                   

• collapsible

  タイプ:

  bool

  デフォルト:

  false

  スプリッターを縮小できるかどうかを取得します。

  コード サンプル

   
                      //Initialize
                      $('.selector').igTileManager({
                          splitterOptions: {
                              collapsible: true
                          }
                      });
  
                      //Get
                      var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                      splitterOptions.collapsible;
                   

• enabled

  タイプ:

  bool

  デフォルト:

  true

  スプリッターを有効にするかどうかを取得または設定します。

  コード サンプル

   
                      //Initialize
                      $('.selector').igTileManager({
                          splitterOptions: {
                              enabled: true
                          }
                      });
  
                      //Get
                      var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                      splitterOptions.enabled;
  
                      //Set
                      var splitterOptions = { enabled : false };
                      $(".selector").igTileManager("option", "splitterOptions", splitterOptions);
                   

• events

  タイプ:

  object

  デフォルト:

  {}

  スプリッター イベントを取得または設定します。

  コード サンプル

   
                      //Initialize
                      $('.selector').igTileManager({
                          splitterOptions: {
                              events: {
                                  collapsed: function(evt, ui) {
                                      //return reference to igSplitter
                                      ui.owner;
                                      // return index of collapsed panel
                                      ui.index;
                                  },
                                  expanded: function (evt, ui) {
                                      //return reference to igSplitter
                                      ui.owner;
                                      // return index of expanded panel
                                      ui.index;
                                  }
                              }
                          }
                      });
  
                      //Get
                      var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                      splitterOptions.events;
  
                      //Set
                      var splitterOptions = {
                          events : {
                              collapsed: function(evt, ui) {...},
                              expanded: function (evt, ui) {...}
                          }
                      }
                      $(".selector").igTileManager("option", "splitterOptions", splitterOptions);
                   

  • collapsed

    タイプ:

    object

    デフォルト:

    null

    縮小が実行された後に発生します。キャンセルできません。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して、スプリッター インスタンスへの参照を取得します。
    ui.index を使用して、縮小されたパネルのインデックスを取得します。

    コード サンプル

     
                            //Initialize
                            $('.selector').igTileManager({
                                splitterOptions: {
                                    events: {
                                        collapsed: function(evt, ui) {
                                            //return reference to igSplitter
                                            ui.owner;
                                            // return index of collapsed panel
                                            ui.index;
                                        }
                                    }
                                }
                            });
    
                            //Get
                            var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                            splitterOptions.events.collapsed;
    
                            //Set
                            var splitterOptions = {
                                events : {
                                    collapsed: function(evt, ui) {...}
                                }
                            }
                            $(".selector").igTileManager("option", "splitterOptions", splitterOptions);
                         

  • expanded

    タイプ:

    object

    デフォルト:

    null

    展開が実行された後に発生します。キャンセルできません。 関数は引数 evt および ui を受け取ります。
    ui.owner を使用して、スプリッター インスタンスへの参照を取得します。
    ui.index を使用して、展開されたパネルのインデックスを取得します。

    コード サンプル

     
                            //Initialize
                            $('.selector').igTileManager({
                                splitterOptions: {
                                        events: {
                                            expanded: function (evt, ui) {
                                            //return reference to igSplitter
                                            ui.owner;
                                            // return index of expanded panel
                                            ui.index;
                                        }
                                    }
                                }
                            });
    
                            //Get
                            var splitterOptions = $(".selector").igTileManager("option", "splitterOptions");
                            splitterOptions.events.expanded;
    
                            //Set
                            var splitterOptions = {
                                events : {
                                    expanded: function (evt, ui) {...}
                                }
                            }
                            $(".selector").igTileManager("option", "splitterOptions", splitterOptions);
                         

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

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