EXPERIMENTAL: dojox.layout.ExpandoPane -- APIs subject to change without notice.

DEPRECATED: dijit.TitlePane::attr() is deprecated. Use get() or set() instead, called from function init(){ // Create the border container bc = new dijit.layout.BorderContainer({liveSplitters:false, style:{height: '100%', width: '100%'}}); document.body.appendChild(bc.domNode); // Create the ExpandoPane to be placed on the left hand side ep = new dojox.layout.ExpandoPane({ title: 'Left Side', splitter:true, style:{ width:'200px' }, region: 'left', easing: dojo.fx.easing.backOut, duration: 600 }); bc.addChild(ep); // Create the GridContainer to be placed on the left hand side. // You cna drag TitlePanes, AccordionContainers and Calendar widgets into it gc1 = new dojox.layout.GridContainer({ acceptTypes: ['TitlePane', 'AccordionContainer', 'Calendar'], hasResizableColumns:false, nbZones:1, style:{ height: '100%' } }); ep.containerNode.appendChild(gc1.domNode); // Add three TitlePane widgets. Note that the 'dndType' attributes are the same // as those in the 'acceptTypes' attribute of the GridContainer. // These do NOT have to match to the widget type name tp1 = new dijit.TitlePane({ attachParent:true, title:'Panel 1', dndType:'TitlePane' }); tp1.attr('content', 'lorem ipsum'); gc1.addChild(tp1); tp2 = new dijit.TitlePane({ title:'Panel 2', dndType:'TitlePane' }); tp2.attr('content', 'lorem ipsum'); gc1.addChild(tp2); tp3 = new dijit.TitlePane({ title:'Panel 3', dndType:'TitlePane' }); tp3.attr('content', 'lorem ipsum'); gc1.addChild(tp3,0,2); // Create the central GridContainer gc2 = new dojox.layout.GridContainer({ id:'GC1', region: 'center', nbZones:3, hasResizableColumns:false, acceptTypes:['ContentPane', 'TitlePane', 'Calendar', 'AccordionPane'] }); bc.addChild(gc2); cp1 = new dijit.layout.ContentPane({ "class":'cpane', label:'Content Pane', dndType:'ContentPane' }); cp1.attr('content', 'ContentPane n*1 !'); gc2.addChild(cp1); tp4 = new dijit.TitlePane({ title:'Ergo', dndType:'TitlePane' }); tp4.attr('content', 'Non ergo erunt homines deliciis diffluentes audiendi, si quando de amicitia, quam nec usu nec ratione habent cognitam, disputabunt. Nam quis est, pro deorum fidem atque hominum! qui velit, ut neque diligat quemquam nec ipse ab ullo diligatur, circumfluere omnibus copiis atque in omnium rerum abundantia vivere? Haec enim est tyrannorum vita nimirum, in qua nulla fides, nulla caritas, nulla stabilis benevolentiae potest esse fiducia, omnia semper suspecta atque sollicita, nullus locus amicitiae.'); gc2.addChild(tp4,0,1); cp2 = new dijit.layout.ContentPane({ "class":'cpane', label:"Content Pane", dndType:'ContentPane' }); cp2.attr('content', 'Content Pane n*2 !'); gc2.addChild(cp2,1,0); cp3 = new dijit.layout.ContentPane({ title:"Itellectum", dndType:'ContentPane' }); cp3.attr('content', 'Intellectum est enim mihi quidem in multis, et maxime in me ipso, sed paulo ante in omnibus, cum M. Marcellum senatui reique publicae concessisti, commemoratis praesertim offensionibus, te auctoritatem huius ordinis dignitatemque rei publicae tuis vel doloribus vel suspicionibus anteferre. Ille quidem fructum omnis ante actae vitae hodierno die maximum cepit, cum summo consensu senatus, tum iudicio tuo gravissimo et maximo. Ex quo profecto intellegis quanta in dato beneficio sit laus, cum in accepto sit tanta gloria.'); gc2.addChild(cp3,1,1); cp4 = new dijit.layout.ContentPane({ "class":'cpane', label:'Content Pane', dndType:'ContentPane' }); cp4.attr('content', 'Content Pane n*3 !'); gc2.addChild(cp4,1,2); cp5 = new dijit.layout.ContentPane({ "class":'cpane', label:'Content Pane', dndType:'ContentPane' }); cp5.attr('content', 'Content Pane n*4 !'); gc2.addChild(cp5,2,0); dp = new dijit.Calendar({dndType:'Calendar'}); gc2.addChild(dp,2,1); // Add the grid container on the right hand side. Only TitlePanes can be dragged into it. gc3 = new dojox.layout.GridContainer({ region: 'right', nbZones:1, hasResizableColumns:false, acceptTypes:['TitlePane'], style: {width:'200px'}, splitter:true}); bc.addChild(gc3); tp4 = new dijit.TitlePane({ attachParent:true, title:'Panel 1', dndType:'TitlePane' }); tp4.attr('content', 'lorem ipsum'); gc3.addChild(tp4,0,0); tp5 = new dijit.TitlePane({ title:'Panel 2', dndType:'TitlePane' }); tp5.attr('content', 'lorem ipsum'); gc3.addChild(tp5,0,1); tp6 = new dijit.TitlePane({ title:'Panel 3', dndType:'TitlePane' }); tp6.attr('content', 'lorem ipsum'); gc3.addChild(tp6,0,2); gc1.startup(); bc.startup(); } -- will be removed in version: 2.0