Jquery: Widget - Dialog

Options

appendTo

$(".selector").dialog(
   { appendTo: "#identifier" }
);

autoOpen

$(".selector").dialog(
   { autoOpen: false }
);

buttons

$(".selector").dialog(
   { buttons: [ { text: "Ok", click: function() { $( this ).dialog( "close" ); } } ] }
);

closeOnEscape

$(".selector").dialog(
   { closeOnEscape: false }
);

closeText

$(".selector").dialog(
   { closeText: "hide" }
);

dialogClass

$(".selector").dialog(
   { dialogClass: "alert" }
);

draggable

$(".selector").dialog(
   { draggable: false }
);

height

$(".selector").dialog(
   { height: 400 }
);

hide

$(".selector").dialog(
   { hide: { effect: "explode", duration: 1000 } }
);

maxHeight

$(".selector").dialog(
   { maxHeight: 600 }
);

maxWidth

$(".selector").dialog(
   { maxWidth: 600 }
);

minHeight

$(".selector").dialog(
   { minHeight: 200 }
);

minWidth

$(".selector").dialog(
   { minWidth: 200 }
);

modal

$(".selector").dialog(
   { modal: true }
);

position

$(".selector").dialog(
   { position: { my: "left top", at: "left bottom", of: button } }
);

resizable

$(".selector").dialog(
   { resizable: false }
);

show

$(".selector").dialog(
   { show: { effect: "blind", duration: 800 } }
);

title

$(".selector").dialog(
   { title: "Dialog Title" }
);

width

$(".selector").dialog(
   { width: 500 }
);

Methods

close()

$(".selector").dialog("close");

destroy()

$(".selector").dialog("destroy");

isOpen()

$(".selector").dialog("isOpen");

moveToTop()

$(".selector").dialog("moveToTop");

open()

$(".selector").dialog("open");

option( optionName )

var isDisabled = $( ".selector" ).dialog( "option", "disabled" );

option()

var options = $( ".selector" ).dialog( "option" );

option( optionName, value )

$(".selector").dialog( "option", "disabled", true );

option( options )

$(".selector").dialog( "option", { disabled: true });

widget()

$(".selector").dialog("widget");

Extension Points

_allowInteraction( event )

_allowInteraction: function( event ) {
   return !!$( event.target ).is( ".select2-input" ) || this._super( event );
}

Events

beforeClose(event, ui)

$(".selector").dialog (
   beforeClose: function(event, ui) {}
);

close(event, ui)

$(".selector").dialog (
   close: function(event, ui) {}
);

create(event, ui)

$(".selector").dialog (
   create: function(event, ui) {}
);

drag(event, ui)

$(".selector").dialog (
   drag: function(event, ui) {}
);

dragStart(event, ui)

$(".selector").dialog (
   dragStart: function(event, ui) {}
);

dragStop(event, ui)

$(".selector").dialog (
   dragStop: function(event, ui) {}
);

focus(event, ui)

$(".selector").dialog (
   focus: function(event, ui) {}
);

open(event, ui)

$(".selector").dialog (
   open: function(event, ui) {}
);

resize(event, ui)

$(".selector").dialog (
   resize: function(event, ui) {}
);

resizeStart(event, ui)

$(".selector").dialog (
   resizeStart: function(event, ui) {}
);

resizeStop(event, ui)

$(".selector").dialog (
   resizeStop: function(event, ui) {}
);