YouTip LogoYouTip

Plugins Window Dialog

* * jQuery EasyUI Plugin](#) * * * Extends $.fn.window.defaults. Overrides the default defaults via $.fn.dialog.defaults. The dialog is a special type of window that has a toolbar at the top and a button bar at the bottom. By default, a dialog has only one close tool displayed on the right side of the header. Users can configure the dialog behavior to display other tools (e.g., collapsible, minimizable, maximizable, etc.). !(#) ## Dependencies * window * linkbutton ## Usage Create a dialog from an existing DOM node using markup. The following example demonstrates a modal dialog with resizable feature.
Dialog Content.
Create a dialog using JavaScript. Now let's create a modal dialog and call the 'refresh' method to load its content via ajax.
Dialog Content.
$('#dd').dialog({ title: 'My Dialog', width: 400, height: 200, closed: false, cache: false, href: 'get_content.php', modal: true}); $('#dd').dialog('refresh', 'new_content.php'); ## Properties The properties extend from window. Here are the properties overridden for dialog. | Name | Type | Description | Default | | --- | --- | --- | --- | | title | string | The title text of the dialog. | New Dialog | | collapsible | boolean | Defines if to show the collapsible button. | false | | minimizable | boolean | Defines if to show the minimize button. | false | | maximizable | boolean | Defines if to show the maximize button. | false | | resizable | boolean | Defines if the dialog is resizable. | false | | toolbar | array,selector | The top toolbar of the dialog. Possible values: 1. An array, each tool option is the same as linkbutton. 2. A selector, indicating the toolbar. The dialog toolbar can be declared in a
tag:
Dialog Content.
The dialog toolbar can also be defined by an array:
Dialog Content.
| null | | buttons | array,selector | The bottom buttons of the dialog. Possible values: 1. An array, each button option is the same as linkbutton. 2. A selector, indicating the button bar. The buttons can be declared in a
tag:
Dialog Content.
The buttons can also be defined by an array:
Dialog Content.
| null | ## Events The events extend from panel. ## Methods The methods extend from window. Here are the methods added for dialog. | Name | Parameter | Description | | --- | --- | --- | | dialog | none | Return the outer dialog object. | * * jQuery EasyUI Plugin](#)
← Plugins Window MessagerPlugins Window Window β†’

YouTip © 2024-2026 | Home | Learn Technology, Build Dreams!

All content is for educational and learning purposes only.