--- /dev/null
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+ "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <title>dojox.layout.ExpandoPane</title>
+ <link rel="stylesheet" href="_expando.css" />
+ <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true"></script>
+ <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
+ <script type="text/javascript">
+ dojo.require("dijit.form.Button");
+ dojo.require("dijit.layout.ContentPane");
+ dojo.require("dijit.layout.BorderContainer");
+
+ var _clearPane = function(){
+ var ch = dijit.byId("bc").getChildren();
+ dojo.forEach(["pane0","pane1","pane2","pane3"],function(p){
+
+ dojo.byId("hidden").appendChild(dojo.byId(p));
+ var dij = dijit.getEnclosingWidget(p.parentNode);
+ if(dij){
+ console.log(dij);
+ dijit.byId("bc").removeChild(dij);
+ dij.destroy();
+ }
+
+ });
+ };
+
+ </script>
+ <style type="text/css">
+ #hidden {
+ position:absolute;
+ top:-999px;
+ left:-999px;
+ overflow:hidden;
+ width:500px;
+ height:500px;
+ visibility:hidden;
+ }
+ #pane0, #pane1, #pane2, #pane3 {
+ width:100%;
+ height:100%;
+ }
+ #pane1 { background:red; }
+ #pane2 { background:green; }
+ #pane3 { background:blue; }
+ #pane0 { background:yellow; }
+ </style>
+</head>
+<body>
+ <div id="bc" style="width:100%; height:100%;" dojoType="dijit.layout.BorderContainer">
+ <div region="center" style="height:65px; border-bottom:1px solid #666">
+ <button dojoType="dijit.form.Button">
+ Set 3-pane
+ <script type="dojo/method" event="onClick">
+ _clearPane();
+ var bc = dijit.byId("bc");
+
+ var cp = new dijit.layout.ContentPane({
+ region:"left",
+ style:"width:125px; height:100%",
+ splitter:true
+ });
+ cp.domNode.appendChild(dojo.byId("pane1"));
+ cp.startup();
+ bc.addChild(cp);
+
+ var cp2 = new dijit.layout.ContentPane({
+ region:"right",
+ style:"width:125px; height:100%",
+ splitter:true
+ });
+ cp2.domNode.appendChild(dojo.byId("pane2"));
+ cp2.startup();
+ bc.addChild(cp2);
+
+ var cp3 = new dijit.layout.ContentPane({
+ region:"center"
+
+ });
+ cp3.domNode.appendChild(dojo.byId("pane0"));
+ cp3.startup();
+ bc.addChild(cp3);
+
+ bc.layout();
+ </script>
+ </button>
+ </div>
+
+ </div>
+ <div id="hidden">
+ <div id="pane0">pane 0 content</div>
+ <div id="pane1">pane 1 content</div>
+ <div id="pane2">pane 2 content</div>
+ <div id="pane3">pane 3 content</div>
+ </div>
+</body>
+</html>
projects / eow / blobdiff