各状態の CSS をターゲット要素に設定することを許可します (デフォルトで境界線の色を適用するために使用します)。

 
				//Initialize
				$('.selector').igNotifier({
					allowCSSOnTarget: true
				});

				//Get
				var allowCSSOnTarget = $(".selector").igNotifier("option", "allowCSSOnTarget");

				//Set
				$(".selector").igNotifier("option", "allowCSSOnTarget", false);
				 

通知が表示/非表示するときのフェード時間をミリ秒で取得または設定します。

 
				//Initialize
				$('.selector').igNotifier({
				  animationDuration: 300
				});

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

				//Set
				$(".selector").igNotifier("option", "animationDuration", 300);
				 

表示するとき、通知ポップオーバーが外部にスライドする距離をピクセルで取得または設定します。

 
				//Initialize
				$('.selector').igNotifier({
					animationSlideDistance: 5

				//Get
				var animationSlideDistance = $(".selector").igNotifier("option", "animationSlideDistance");

				//Set
				$(".selector").igNotifier("option", "animationSlideDistance", 5);
				 

ポップオーバー DOM に添付する要素を制御します (ポップオーバーのみに適用します)。

 
				//Initialize
				$('.selector').igNotifier({
				  appendTo: "body"
				});
				//Get
				var appendTo = $(".selector").igNotifier("option", "appendTo");
				 

ポップオーバーがぼかしで閉じるかどうかを制御します。このオプションは、対応する showOn を設定 (通常は手動) した場合のみ効果があります。

 
				//Initialize
				$('.selector').igNotifier({
				  closeOnBlur: true
				});

				//Get
				var closeOnBlur = $(".selector").igNotifier("option", "closeOnBlur");

				//Set
				$(".selector").igNotifier("option", "closeOnBlur", true);
				 

ポップオーバーのコンテインメントを設定します。jQuery オブジェクトを受け付けます。

 
                //Initialize
                $(".selector").igNotifier({
                    containment: $( '#notifierDivElement' )
                });
                  
                // Get
                var containment = $(".selector").igNotifier("option", "containment");
                 
                // Set
                $(".selector").igNotifier("option", "containment", $( '#notifierDivElement' ));
      

ポップオーバー コンテナーのコンテンツを設定します。デフォルトではパラメーターでテンプレート化されます。{0} - アイコン コンテナー クラス、{1} - アイコン クラス、{2} - メッセージのテキスト。

 
				//Initialize
					// string content for the popover container
					$(".selector").igNotifier({
						contentTemplate:"<img src='http://www.infragistics.com/assets/images/logo.png' title='IG logo' /> {1}"
					});
					//Get
					var contentFunction = $(".selector").igNotifier("option", "contentTemplate");
					// Set
					// Accepts setting the value only if string type is passed
					$(".selector").igNotifier("option", "contentTemplate", "<img src='http://www.infragistics.com/assets/images/logo.png' title='IG logo' /> {1}");
				 

ターゲット要素に相対してコントロールの表示方向を制御します。

 
                //Initialize
                $(".selector").igNotifier({
                    direction: "right"
                });
                  
                // Get
                var direction = $(".selector").igNotifier("option", "direction");
                 
                // Set
                $(".selector").igNotifier("option", "direction", "top");
      

ターゲット要素に相対するコントロールが表示スペースを検索する優先度を制御します。
このプロパティは、direction プロパティ値が "auto" または設定されていない場合のみに使用されます。

ポップオーバー ヘッダーのコンテンツを取得または設定します。

 
				//Initialize
				$(".selector").igNotifier({
					headerTemplate: {
						closeButton: false
					}
				});

				//Get
				var headerTemplate = $(".selector").igNotifier("option", "headerTemplate");
				 

• closeButton

  タイプ:

  bool

  デフォルト:

  true

  ポップオーバーが [閉じる] ボタンを描画するかどうかを制御します。

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					headerTemplate: {
  						closeButton : false,
  						title : null
  					}
  				});
  
  				//Get
  				var title = $(".selector").igNotifier("option", "headerTemplate");
  				 

• title

  タイプ:

  string

  デフォルト:

  null

  ポップオーバー ヘッダーのコンテンツを設定します。

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					headerTemplate: {
  						closeButton : false,
  						title : null
  					}
  				});
  
  				//Get
  				var title = $(".selector").igNotifier("option", "headerTemplate");
  				 

ポップオーバーの高さを定義します。null を指定すると、auto に解決します。

      //Initialize
      $(".selector").igNotifier({
          height: 200
      });
  
      // Get
      var height = $(".selector").igNotifier("option", "height");
      

高さが設定されなくても、ポップオーバーの最大高さを定義します。

 
      //Initialize
      $(".selector").igNotifier({
          maxHeight: 200
      });
  
      // Get
      var maxHeight = $(".selector").igNotifier("option", "maxHeight");
      
      

幅が設定されなくても、ポップオーバーの最大幅を定義します。

 
      //Initialize
      $(".selector").igNotifier({
          maxWidth: 300
      });
  
      // Get
      var maxWidth = $(".selector").igNotifier("option", "maxWidth");
      

各状態のデフォルト メッセージのセット

 
				//Initialize
				$(".selector").igNotifier({
					messages: {
						success:"Well done!",
						info: "Info about the input status.",
						warning: "Warning",
						error: "Error"
					}
				});

				//Get
				var messages = $(".selector").igNotifier("option", "messages");

				//Set
				$(".selector").igNotifier("option", "messages", {success: "Well done!"});
				 

• error

  タイプ:

  string

  デフォルト:

  "Error"

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					messages: {
  						error: "Error"
  					}
  				});
  
  				//Get
  				var messages = $(".selector").igNotifier("option", "messages");
  
  				//Set
  				$(".selector").igNotifier("option", "messages", {error: "Something went wrong!"});
  				 

• info

  タイプ:

  string

  デフォルト:

  ""

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					messages: {
  						info: "Info"
  					}
  				});
  
  				//Get
  				var messages = $(".selector").igNotifier("option", "messages");
  
  				//Set
  				$(".selector").igNotifier("option", "messages", {info: "Info"});
  				 

• success

  タイプ:

  string

  デフォルト:

  "Success"

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					messages: {
  						success:"Well done!"
  					}
  				});
  
  				//Get
  				var messages = $(".selector").igNotifier("option", "messages");
  
  				//Set
  				$(".selector").igNotifier("option", "messages", {success: "Well done!"});
  				 

• warning

  タイプ:

  string

  デフォルト:

  "Warning"

  コード サンプル

   
  				//Initialize
  				$(".selector").igNotifier({
  					messages: {
  						warning: "Warning"
  					}
  				});
  
  				//Get
  				var messages = $(".selector").igNotifier("option", "messages");
  
  				//Set
  				$(".selector").igNotifier("option", "messages", {warning: "Warning"});
  				 

幅が設定されなくても、ポップオーバーの最小幅を定義します。

 
            //Initialize
            $('.selector').igNotifier({
                minWidth: "50px"

            //Get
            var minWidth = $(".selector").igNotifier("option", "minWidth");
 
            //Set
            $(".selector").igNotifier("option", "minWidth", 50)
      

メッセージの配置モードを制御します。モードを設定すると、デフォルトの動作「自動」がオーバーライドされます。注: インライン要素はブロック コンテナーを使用し、常にターゲット要素の後に配置されます。

 
				//Initialize
				$(".selector").igNotifier({
					mode: "inline"
				});
				//Get
				var mode = $(".selector").igNotifier("option", "mode");
				//Set
				$(".selector").igNotifier("option", "mode", "popover");
				 

notify メソッドを使用して自動および手動メッセージに表示される通知のレベルを制御します。レベルを無視するには、show を使用します。

 
				//Initialize
				$(".selector").igNotifier({
					notifyLevel: "error"
				});
				//Get
				var notifyLevel = $(".selector").igNotifier("option", "notifyLevel");
				//Set
				$(".selector").igNotifier("option", "notifyLevel", "info");
				 

配置する側でポップオーバーがターゲットの要素より大きいの場合、ターゲット要素に対してポップオーバーの配置を制御します。ポップオーバーがターゲットの要素より小さい場合、表示可能な領域の中央に配置されます。

 
      //Initialize
      $(".selector").igNotifier({
          position: "balanced"
      });
  
      // Get
      var position = $(".selector").igNotifier("option", "position");
 
      // Set
      $(".selector").igNotifier("option", "position", "start");
      

jQuery UI フレームワークのアイコンを表示するために相対する状態の CSS を持つスパンの描画を許可します。

 
				//Initialize
				$('.selector').igNotifier({
					showIcon: true

				//Get
				var showIcon = $(".selector").igNotifier("option", "showIcon");

				//Set
				$(".selector").igNotifier("option", "showIcon", true);
				 

通知が表示されるイベントを設定します。定義済みの値は mouseenter、click、および focus です。

 
				//Initialize
				$(".selector").igNotifier({
						showOn: "focus"
				});
				//Get
				var showOn = $(".selector").igNotifier("option", "showOn");
				 

igNotifier メッセージの現在の状態を取得または設定します。状態は、メッセージおよびターゲット要素に適用される CSS クラスを制御し、その他のオプションも影響します。

 
				//Initialize
				$(".selector").igNotifier({
					state: "success"
				});
				//Get
				var state = $(".selector").igNotifier("option", "state");
				//Set
				$(".selector").igNotifier("option", "state", "success");
				 

ポップオーバーの幅を定義します。null を指定すると、auto に解決します。

 
      //Initialize
      $(".selector").igNotifier({
            width: "200px"  
      });
  
      // Get
      var width = $(".selector").igNotifier("option", "width");