Roo.util.Observable
Roo.BasicDialog
Roo.LayoutDialog 

		   

Class Roo.LayoutDialog

Package:Roo
Defined In: Roo/BasicDialog.js.
Class:LayoutDialog
Subclasses: Roo.Login
Extends: Roo.BasicDialog
Dialog which provides adjustments for working with a layout in a Dialog.
Add your necessary layout config options to the dialog's config.

Example usage (including a nested layout):

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();
}
Class Comments / Notes => [Add Your comment/notes about this class]
Config Options (Usually are also Properties)
Options Defined By
Public Properties - Has None
Public Methods
Method Defined By
Events
Event Defined By
Documentation generated by Introspection Doc Generator on Fri Jul 13 2018 14:10:53 GMT+0800 (HKT) Based on JsDoc Toolkit