summaryrefslogtreecommitdiff
path: root/includes/js/dojox/layout/tests/_bottomPane.html
blob: 8f5090a45135d1aaf5f6eb5397a134d3426320a3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<div class="wrap">
	Bottom Pane Content:
	<button dojoType="dijit.form.Button">
		Setup Toggler
		<script type="dojo/method" event="onClick">
			// only do this once:
			this.setAttribute('disabled',true);
			var pane = dijit.getEnclosingWidget(this.domNode.parentNode);
			
			dijit.registry
				.filter(function(n){
					// there is probably an easier way to get all the Splitters
					return n.declaredClass == "dijit.layout._Splitter";
				})
				.forEach(function(n){
					// add some stuff to this instance:
					dojo.mixin(n,{
						// toggle additions:
						_hackSize:null,
						_hackShowing:true,
						/*_setHack:function(e){
							this._hackShowing = true;
						},*/
						_tgl: function(e){
							if(this._hackShowing){
								this._hackSize = dojo.marginBox(this.child.domNode);
								this.child.domNode.style.height = "1px";
							}else{
								this.child.domNode.style.height = this._hackSize.h + "px";
							}
							// toggle state, and call layout() on parent
							this._hackShowing = !this._hackShowing;
							dijit.getEnclosingWidget(this.domNode.parentNode).layout();
						}
					});
					// using it's internal connect method, setup the toggler
					n.connect(n.domNode,"ondblclick","_tgl");
					//n.connect(n,"_cleanupHandlers","_setHack");
				});
		</script>
	</button>

	<button dojoType="dijit.form.Button">
		Minimize
		<script type="dojo/method" event="onClick">
			// simplified version of above:
			var pane = dijit.getEnclosingWidget(this.domNode.parentNode);
			pane.domNode.style.height = "1px";
			dijit.byId("bc").layout();
		</script>
	</button>

</div>