Roo.util.Observable Roo.BasicDialog Roo.LayoutDialog
Package: | Roo |
Defined In: | Roo/BasicDialog.js. |
Class: | LayoutDialog |
Subclasses: | Roo.Login |
Extends: | Roo.BasicDialog |
if(!dialog){
dialog = new Roo.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 Roo.BorderLayout("dl-inner", {
east: {
initialSize: 200,
autoScroll:true,
split:true
},
center: {
autoScroll:true
}
});
innerLayout.beginUpdate();
innerLayout.add("east", new Roo.ContentPanel("dl-details"));
innerLayout.add("center", new Roo.ContentPanel("selection-panel"));
innerLayout.endUpdate(true);
var layout = dialog.getLayout();
layout.beginUpdate();
layout.add("center", new Roo.ContentPanel("standard-panel",
{title: "Download the Source", fitToFrame:true}));
layout.add("center", new Roo.NestedLayoutPanel(innerLayout,
{title: "Build your own roo.js"}));
layout.getRegion("center").showPanel(sp);
layout.endUpdate();
}
Options | Defined By | |
---|---|---|
animateTarget : String/Element
Id or element from which the dialog should animate while opening
(defaults to null with no animation)
Id or element from which the dialog should animate while opening
(defaults to null with no animation) |
Roo.BasicDialog | |
autoCreate : Boolean/DomHelper
True to auto create from scratch, or using a DomHelper Object (defaults to false)
True to auto create from scratch, or using a DomHelper Object (defaults to false)
|
Roo.BasicDialog | |
autoScroll : Boolean
True to allow the dialog body contents to overflow and display scrollbars (defaults to false)
True to allow the dialog body contents to overflow and display scrollbars (defaults to false)
|
Roo.BasicDialog | |
autoTabs : Boolean
If true, all elements with class 'x-dlg-tab' will get automatically converted to tabs (defaults to false)
If true, all elements with class 'x-dlg-tab' will get automatically converted to tabs (defaults to false)
|
Roo.BasicDialog | |
buttonAlign : String
Valid values are "left," "center" and "right" (defaults to "right")
Valid values are "left," "center" and "right" (defaults to "right")
|
Roo.BasicDialog | |
buttons : Array
Array of buttons
Array of buttons
|
Roo.BasicDialog | |
closable : Boolean
False to remove the built-in top-right corner close button (defaults to true)
False to remove the built-in top-right corner close button (defaults to true)
|
Roo.BasicDialog | |
collapsible : Boolean
False to remove the built-in top-right corner collapse button (defaults to true)
False to remove the built-in top-right corner collapse button (defaults to true)
|
Roo.BasicDialog | |
constraintoviewport : Boolean
True to keep the dialog constrained within the visible viewport boundaries (defaults to true)
True to keep the dialog constrained within the visible viewport boundaries (defaults to true)
|
Roo.BasicDialog | |
draggable : Boolean
False to disable dragging of the dialog within the viewport (defaults to true)
False to disable dragging of the dialog within the viewport (defaults to true)
|
Roo.BasicDialog | |
fixedcenter : Boolean
True to ensure that anytime the dialog is shown or resized it gets centered (defaults to false)
True to ensure that anytime the dialog is shown or resized it gets centered (defaults to false)
|
Roo.BasicDialog | |
height : Number
Height of the dialog in pixels (can also be set via CSS).
Height of the dialog in pixels (can also be set via CSS). Determined by browser if unspecified.
|
Roo.BasicDialog | |
listeners : Object
list of events and functions to call for this object,
For example :
list of events and functions to call for this object,
For example :
|
Roo.util.Observable | |
minButtonWidth : Number
Minimum width of all dialog buttons (defaults to 75)
Minimum width of all dialog buttons (defaults to 75)
|
Roo.BasicDialog | |
minHeight : Number
The minimum allowable height for a resizable dialog (defaults to 80)
The minimum allowable height for a resizable dialog (defaults to 80)
|
Roo.BasicDialog | |
minWidth : Number
The minimum allowable width for a resizable dialog (defaults to 200)
The minimum allowable width for a resizable dialog (defaults to 200)
|
Roo.BasicDialog | |
modal : Boolean
True to show the dialog modally, preventing user interaction with the rest of the page (defaults to false)
True to show the dialog modally, preventing user interaction with the rest of the page (defaults to false)
|
Roo.BasicDialog | |
proxyDrag : Boolean
True to drag a lightweight proxy element rather than the dialog itself, used when
draggable = true (defaults to false)
True to drag a lightweight proxy element rather than the dialog itself, used when
draggable = true (defaults to false) |
Roo.BasicDialog | |
resizable : Boolean
False to disable manual dialog resizing (defaults to true)
False to disable manual dialog resizing (defaults to true)
|
Roo.BasicDialog | |
resizeHandles : String
Which resize handles to display - see the {link Roo.Resizable} handles config
property for valid values (defaults to 'all')
Which resize handles to display - see the {link Roo.Resizable} handles config
property for valid values (defaults to 'all') |
Roo.BasicDialog | |
shadow : Boolean/String
True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right
shadow (defaults to false)
True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right
shadow (defaults to false) |
Roo.BasicDialog | |
shadowOffset : Number
The number of pixels to offset the shadow if displayed (defaults to 5)
The number of pixels to offset the shadow if displayed (defaults to 5)
|
Roo.BasicDialog | |
shim : Boolean
True to create an iframe shim that prevents selects from showing through (defaults to false)
True to create an iframe shim that prevents selects from showing through (defaults to false)
|
Roo.BasicDialog | |
syncHeightBeforeShow : Boolean
True to cause the dimensions to be recalculated before the dialog is shown (defaults to false)
True to cause the dimensions to be recalculated before the dialog is shown (defaults to false)
|
Roo.BasicDialog | |
tabTag : String
The tag name of tab elements, used when autoTabs = true (defaults to 'div')
The tag name of tab elements, used when autoTabs = true (defaults to 'div')
|
Roo.BasicDialog | |
title : String
Default text to display in the title bar (defaults to null)
Default text to display in the title bar (defaults to null)
|
Roo.BasicDialog | |
width : Number
Width of the dialog in pixels (can also be set via CSS).
Width of the dialog in pixels (can also be set via CSS). Determined by browser if unspecified.
|
Roo.BasicDialog | |
x : Number
The default left page coordinate of the dialog (defaults to center screen)
The default left page coordinate of the dialog (defaults to center screen)
|
Roo.BasicDialog | |
y : Number
The default top page coordinate of the dialog (defaults to center screen)
The default top page coordinate of the dialog (defaults to center screen)
|
Roo.BasicDialog |
Method | Defined By | |
---|---|---|
Adds a button to the footer section of the dialog.
Adds a button to the footer section of the dialog.
|
Roo.BasicDialog | |
addEvents
(Object object)
Used to define events on this Observable
Used to define events on this Observable
|
Roo.util.Observable | |
Adds a key listener for when this dialog is displayed.
Adds a key listener for when this dialog is displayed. This allows you to hook in a function that will be
executed in response to a particular key being pressed while the dialog is active.
|
Roo.BasicDialog | |
Appends an event handler to this component
Appends an event handler to this component
|
Roo.util.Observable | |
addxtype
()
:
Object
Add an xtype element (actually adds to the layout.
Add an xtype element (actually adds to the layout.)
|
Roo.LayoutDialog | |
Aligns the dialog to the specified element
Aligns the dialog to the specified element
|
Roo.BasicDialog | |
anchorTo
(String/HTMLElement/Roo.Element element, String position, Array offsets, Boolean/Number monitorScroll)
:
Roo.BasicDialog
Anchors an element to another element and realigns it when the window is resized.
Anchors an element to another element and realigns it when the window is resized.
|
Roo.BasicDialog | |
beginUpdate
()
Begins an update of the layout
Begins an update of the layout
|
Roo.LayoutDialog | |
center
()
:
Roo.BasicDialog
Centers this dialog in the viewport
Centers this dialog in the viewport
|
Roo.BasicDialog | |
collapse
()
Collapses the dialog to its minimized state (only the title bar is visible).
Collapses the dialog to its minimized state (only the title bar is visible).
Equivalent to the user clicking the collapse dialog button. |
Roo.BasicDialog | |
destroy
(Boolean removeEl)
Destroys this dialog and all its supporting elements (including any tabs, shim,
shadow, proxy, mask, etc.
Destroys this dialog and all its supporting elements (including any tabs, shim,
shadow, proxy, mask, etc.) Also removes all event listeners.
|
Roo.BasicDialog | |
endUpdate
()
Ends update of the layout
Ends update of the layout
|
Roo.LayoutDialog | |
expand
()
Expands a collapsed dialog back to its normal state.
Expands a collapsed dialog back to its normal state. Equivalent to the user
clicking the expand dialog button. |
Roo.BasicDialog | |
Fires the specified event with the passed parameters (minus the event name).
|
Roo.util.Observable | |
focus
()
Focuses the dialog.
Focuses the dialog. If a defaultButton is set, it will receive focus, otherwise the
dialog itself will receive focus. |
Roo.BasicDialog | |
getEl
()
:
Roo.Element
Returns the element for this dialog
Returns the element for this dialog
|
Roo.BasicDialog | |
getLayout
()
:
Roo.BorderLayout
Get the BorderLayout for this dialog
Get the BorderLayout for this dialog
|
Roo.LayoutDialog | |
getTabs
()
:
Roo.TabPanel
Returns the TabPanel component (creates it if it doesn't exist).
Returns the TabPanel component (creates it if it doesn't exist).
Note: If you wish to simply check for the existence of tabs without creating them, check for a null 'tabs' property.
|
Roo.BasicDialog | |
Roo.util.Observable | ||
hide
(Function callback)
:
Roo.BasicDialog
Hides the dialog.
Hides the dialog.
|
Roo.BasicDialog | |
initTabs
()
:
Roo.TabPanel
Reinitializes the tabs component, clearing out old tabs and finding new ones.
Reinitializes the tabs component, clearing out old tabs and finding new ones.
|
Roo.BasicDialog | |
isVisible
()
:
Boolean
Returns true if the dialog is visible
Returns true if the dialog is visible
|
Roo.BasicDialog | |
Moves the dialog's top-left corner to the specified point
Moves the dialog's top-left corner to the specified point
|
Roo.BasicDialog | |
Appends an event handler to this element (shorthand for addListener)
Appends an event handler to this element (shorthand for addListener)
|
Roo.util.Observable | |
purgeListeners
()
Removes all listeners for this object
Removes all listeners for this object
|
Roo.util.Observable | |
Roo.util.Observable | ||
Resizes the dialog.
Resizes the dialog.
|
Roo.BasicDialog | |
restoreState
()
:
Roo.BasicDialog
Restores the previous state of the dialog if Roo.state is configured.
Restores the previous state of the dialog if Roo.state is configured.
|
Roo.BasicDialog | |
Resizes the dialog to fit the specified content size.
Resizes the dialog to fit the specified content size.
|
Roo.BasicDialog | |
setDefaultButton
(Roo.BasicDialog.Button btn)
:
Roo.BasicDialog
Sets the default button to be focused when the dialog is displayed.
Sets the default button to be focused when the dialog is displayed.
|
Roo.BasicDialog | |
setTitle
(String text)
:
Roo.BasicDialog
Sets the dialog title text
Sets the dialog title text
|
Roo.BasicDialog | |
show
(String/HTMLElement/Roo.Element animateTarget)
:
Roo.BasicDialog
Shows the dialog.
Shows the dialog.
|
Roo.BasicDialog | |
toBack
()
:
Roo.BasicDialog
Sends this dialog to the back (under) of any other visible dialogs
Sends this dialog to the back (under) of any other visible dialogs
|
Roo.BasicDialog | |
toFront
()
:
Roo.BasicDialog
Brings this dialog to the front of any other visible dialogs
Brings this dialog to the front of any other visible dialogs
|
Roo.BasicDialog | |
Roo.util.Observable |
Event | Defined By | |
---|---|---|
beforehide (Roo.BasicDialog this)
Fires before this dialog is hidden.
Fires before this dialog is hidden.
|
Roo.BasicDialog | |
beforeshow (Roo.BasicDialog this)
Fires before this dialog is shown.
Fires before this dialog is shown.
|
Roo.BasicDialog | |
hide (Roo.BasicDialog this)
Fires when this dialog is hidden.
Fires when this dialog is hidden.
|
Roo.BasicDialog | |
keydown (Roo.BasicDialog this, Roo.EventObject e)
Fires when a key is pressed
Fires when a key is pressed
|
Roo.BasicDialog | |
Fires when this dialog is moved by the user.
Fires when this dialog is moved by the user.
|
Roo.BasicDialog | |
Fires when this dialog is resized by the user.
Fires when this dialog is resized by the user.
|
Roo.BasicDialog | |
show (Roo.BasicDialog this)
Fires when this dialog is shown.
Fires when this dialog is shown.
|
Roo.BasicDialog |