Dialog which provides adjustments for working with a layout in a Dialog.
Add your neccessary layout config options to the dialogs config.
Example Usage (including a nested layout):
if(!dialog){
dialog = new Ext.LayoutDialog("download-dlg", {
modal: true,
width:600,
height:450,
shadow:true,
minWidth:500,
minHeight:350,
autoTabs:true,
proxyDrag:true,
// layout config merges with the dialog config
center:{
tabPosition: 'top',
alwaysShowTabs: true
}
});
dialog.addKeyListener(27, dialog.hide, dialog);
dialog.setDefaultButton(dialog.addButton('Close', dialog.hide, dialog));
dialog.addButton('Build It!', this.getDownload, this);
// we can even add nested layouts
var innerLayout = new Ext.BorderLayout('dl-inner', {
east: {
initialSize: 200,
autoScroll:true,
split:true
},
center: {
autoScroll:true
}
});
innerLayout.beginUpdate();
innerLayout.add('east', new Ext.ContentPanel('dl-details'));
innerLayout.add('center', new Ext.ContentPanel('selection-panel'));
innerLayout.endUpdate(true);
var layout = dialog.getLayout();
layout.beginUpdate();
layout.add('center', new Ext.ContentPanel('standard-panel',
{title: 'Download the Source', fitToFrame:true}));
layout.add('center', new Ext.NestedLayoutPanel(innerLayout,
{title: 'Build your own yui-ext.js'}));
layout.getRegion('center').showPanel(sp);
layout.endUpdate();
| |
LayoutDialog(String/HTMLElement/Ext.Element el, Object config) |
LayoutDialog |
|
| |
addButton(String/Object config, Function handler, [Object scope]) : Ext.Button |
BasicDialog |
| Adds a button. |
| |
addKeyListener(Number/Array/Object key, Function fn, [Object scope]) : Ext.BasicDialog |
BasicDialog |
| Adds a key listener for when this dialog is displayed |
| |
addListener(String eventName, Function handler, [Object options]) : void |
Observable |
| Appends an event handler to this component |
| |
beginUpdate() : void |
LayoutDialog |
| Deprecated. Begins an update of the layout and sets display to block and visibility to hidden. Use standard beginUpda... |
| |
center() : Ext.BasicDialog |
BasicDialog |
| Centers this dialog |
| |
destroy([Boolean removeEl]) : void |
BasicDialog |
| Destroys this dialog |
| |
endUpdate() : void |
LayoutDialog |
Deprecated. Ends update of the layout and resets display to none. Use standard beginUpdate/endUpdate on the layout. |
| |
fireEvent(String eventName, Object... args) : Boolean |
Observable |
| Fires the specified event with the passed parameters (minus the event name). |
| |
getEl() : Ext.Element |
BasicDialog |
| Returns the element for this dialog |
| |
getLayout() : Ext.BorderLayout |
LayoutDialog |
| Get the BorderLayout for this dialog |
| |
getTabs() : Ext.TabPanel |
BasicDialog |
| Returns the TabPanel component (if autoTabs) |
| |
hide([Function callback]) : Ext.BasicDialog |
BasicDialog |
| Hides the dialog. |
| |
initTabs() : Ext.TabPanel |
BasicDialog |
| Reinitializes the tabs component, clearing out old tabs and finding new ones. |
| |
isVisible() : Boolean |
BasicDialog |
| Returns true if the dialog is visible |
| |
moveTo(Number x, Number y) : Ext.BasicDialog |
BasicDialog |
| Moves the dialog to the specified point |
| |
on(String eventName, Function handler, [Object options]) : void |
Observable |
| Appends an event handler to this element (shorthand for addListener) |
| |
purgeListeners() : void |
Observable |
| Removes all listeners for this object |
| |
removeListener(String eventName, Function handler, [Object scope]) : void |
Observable |
| Removes a listener |
| |
resizeTo(Number width, Number height) : Ext.BasicDialog |
BasicDialog |
| Resizes the dialog. |
| |
restoreState() : Ext.BasicDialog |
BasicDialog |
| Restores the previous state of the dialog if Ext.state is configured |
| |
setContentSize(Number width, Number height) : Ext.BasicDialog |
BasicDialog |
| Resizes the dialog to fit the specified content size. |
| |
setDefaultButton(Ext.BasicDialog.Button btn) : Ext.BasicDialog |
BasicDialog |
| Sets the default button to be focused when the dialog is displayed |
| |
setTitle(String text) : Ext.BasicDialog |
BasicDialog |
| Sets the dialog title. |
| |
show([String/HTMLElement/Ext.Element animateTarget]) : Ext.BasicDialog |
BasicDialog |
| Shows the dialog. |
| |
toBack() : Ext.BasicDialog |
BasicDialog |
| Sends this dialog to the back (under) of any other visible dialogs |
| |
toFront() : Ext.BasicDialog |
BasicDialog |
| Brings this dialog to the front of any other visible dialogs |
| |
un(String eventName, Function handler, [Object scope]) : void |
Observable |
| Removes a listener (shorthand for removeListener) |
| |
beforehide : (Ext.BasicDialog this) |
BasicDialog |
| Fires before this dialog is hidden. |
| |
beforeshow : (Ext.BasicDialog this) |
BasicDialog |
| Fires before this dialog is shown. |
| |
hide : (Ext.BasicDialog this) |
BasicDialog |
| Fires when this dialog is hidden. |
| |
keydown : (Ext.BasicDialog this, Ext.EventObject e) |
BasicDialog |
| Fires when a key is pressed |
| |
move : (Ext.BasicDialog this, Number x, Number y) |
BasicDialog |
| Fires when this dialog is moved by the user. |
| |
resize : (Ext.BasicDialog this, Number width, Number height) |
BasicDialog |
| Fires when this dialog is resized by the user. |
| |
show : (Ext.BasicDialog this) |
BasicDialog |
| Fires when this dialog is shown. |