0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

JQuery-UIでのダイアログ表示(2)

Posted at

JQuery-UIでのダイアログ表示時のOptionは連想配列で定義する。

  • appendTo
  • autoOpen
    初期化時にダイアログが自動的に開くかどうか:true,false
  • buttons
    以下のオブジェクトの配列を指定できる。
[
 { buttons:
  {
    text: "Ok",
    icon: "ui-icon-heart",
    click: function() { $( this ).dialog( "close" ); }
  }
 }
]
text:ボタンのテキスト
icon:
click:クリック時の処理関数
  • classes
{
  classes: {
    "ui-dialog": "ui-corner-all",
    "ui-dialog-titlebar": "ui-corner-all",
  }
}
  • closeOnEscape
    ESCキーでクローズできるかどうか:true,false
  • closeText
  • dialogClass
  • draggable
    ドラッグ可能かどうか:true,false
  • modal
    モーダル表示するかどうか:true,false
  • resizable
    リサイズ可能かどうか:true,false
  • show, hide
    ダイアログの表示、非表示時のアニメーションを指定
  • title
    タイトルの文言を指定
  • maxHeight, minHeight, height
    最大、最小の高さ、表示時の高さ。
  • maxWidth, minWidth, width
    最大、最小の幅、表示時の幅。
  • position
    位置を指定
    jQuery UI Positionユーティリティ
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?