root / trunk / web / dojo / dijit / layout / _LayoutWidget.js @ 11
History | View | Annotate | Download (3.28 KB)
| 1 | 9 | andrej.cim | /*
|
|---|---|---|---|
| 2 | Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
||
| 3 | Available via Academic Free License >= 2.1 OR the modified BSD license.
|
||
| 4 | see: http://dojotoolkit.org/license for details
|
||
| 5 | */
|
||
| 6 | |||
| 7 | |||
| 8 | if(!dojo._hasResource["dijit.layout._LayoutWidget"]){ |
||
| 9 | dojo._hasResource["dijit.layout._LayoutWidget"]=true; |
||
| 10 | dojo.provide("dijit.layout._LayoutWidget");
|
||
| 11 | dojo.require("dijit._Widget");
|
||
| 12 | dojo.require("dijit._Container");
|
||
| 13 | dojo.require("dijit._Contained");
|
||
| 14 | dojo.declare("dijit.layout._LayoutWidget",[dijit._Widget,dijit._Container,dijit._Contained],{baseClass:"dijitLayoutContainer",isLayoutContainer:true,postCreate:function(){ |
||
| 15 | dojo.addClass(this.domNode,"dijitContainer"); |
||
| 16 | this.inherited(arguments); |
||
| 17 | },startup:function(){ |
||
| 18 | if(this._started){ |
||
| 19 | return;
|
||
| 20 | } |
||
| 21 | this.inherited(arguments); |
||
| 22 | var _1=this.getParent&&this.getParent(); |
||
| 23 | if(!(_1&&_1.isLayoutContainer)){
|
||
| 24 | this.resize();
|
||
| 25 | this.connect(dojo.isIE?this.domNode:dojo.global,"onresize",function(){ |
||
| 26 | this.resize();
|
||
| 27 | }); |
||
| 28 | } |
||
| 29 | },resize:function(_2,_3){ |
||
| 30 | var _4=this.domNode; |
||
| 31 | if(_2){
|
||
| 32 | dojo.marginBox(_4,_2); |
||
| 33 | if(_2.t){
|
||
| 34 | _4.style.top=_2.t+"px";
|
||
| 35 | } |
||
| 36 | if(_2.l){
|
||
| 37 | _4.style.left=_2.l+"px";
|
||
| 38 | } |
||
| 39 | } |
||
| 40 | var mb=_3||{};
|
||
| 41 | dojo.mixin(mb,_2||{});
|
||
| 42 | if(!("h" in mb)||!("w" in mb)){ |
||
| 43 | mb=dojo.mixin(dojo.marginBox(_4),mb); |
||
| 44 | } |
||
| 45 | var cs=dojo.getComputedStyle(_4);
|
||
| 46 | var me=dojo._getMarginExtents(_4,cs);
|
||
| 47 | var be=dojo._getBorderExtents(_4,cs);
|
||
| 48 | var bb=(this._borderBox={w:mb.w-(me.w+be.w),h:mb.h-(me.h+be.h)}); |
||
| 49 | var pe=dojo._getPadExtents(_4,cs);
|
||
| 50 | this._contentBox={l:dojo._toPixelValue(_4,cs.paddingLeft),t:dojo._toPixelValue(_4,cs.paddingTop),w:bb.w-pe.w,h:bb.h-pe.h}; |
||
| 51 | this.layout();
|
||
| 52 | },layout:function(){ |
||
| 53 | },_setupChild:function(_5){ |
||
| 54 | dojo.addClass(_5.domNode,this.baseClass+"-child"); |
||
| 55 | if(_5.baseClass){
|
||
| 56 | dojo.addClass(_5.domNode,this.baseClass+"-"+_5.baseClass); |
||
| 57 | } |
||
| 58 | },addChild:function(_6,_7){ |
||
| 59 | this.inherited(arguments); |
||
| 60 | if(this._started){ |
||
| 61 | this._setupChild(_6);
|
||
| 62 | } |
||
| 63 | },removeChild:function(_8){ |
||
| 64 | dojo.removeClass(_8.domNode,this.baseClass+"-child"); |
||
| 65 | if(_8.baseClass){
|
||
| 66 | dojo.removeClass(_8.domNode,this.baseClass+"-"+_8.baseClass); |
||
| 67 | } |
||
| 68 | this.inherited(arguments); |
||
| 69 | }}); |
||
| 70 | dijit.layout.marginBox2contentBox=function(_9,mb){ |
||
| 71 | var cs=dojo.getComputedStyle(_9);
|
||
| 72 | var me=dojo._getMarginExtents(_9,cs);
|
||
| 73 | var pb=dojo._getPadBorderExtents(_9,cs);
|
||
| 74 | return {l:dojo._toPixelValue(_9,cs.paddingLeft),t:dojo._toPixelValue(_9,cs.paddingTop),w:mb.w-(me.w+pb.w),h:mb.h-(me.h+pb.h)}; |
||
| 75 | }; |
||
| 76 | (function(){
|
||
| 77 | var _a=function(_b){ |
||
| 78 | return _b.substring(0,1).toUpperCase()+_b.substring(1); |
||
| 79 | }; |
||
| 80 | var _c=function(_d,_e){ |
||
| 81 | _d.resize?_d.resize(_e):dojo.marginBox(_d.domNode,_e); |
||
| 82 | dojo.mixin(_d,dojo.marginBox(_d.domNode)); |
||
| 83 | dojo.mixin(_d,_e); |
||
| 84 | }; |
||
| 85 | dijit.layout.layoutChildren=function(_f,dim,_10){ |
||
| 86 | dim=dojo.mixin({},dim);
|
||
| 87 | dojo.addClass(_f,"dijitLayoutContainer");
|
||
| 88 | _10=dojo.filter(_10,function(_11){
|
||
| 89 | return _11.layoutAlign!="client"; |
||
| 90 | }).concat(dojo.filter(_10,function(_12){
|
||
| 91 | return _12.layoutAlign=="client"; |
||
| 92 | })); |
||
| 93 | dojo.forEach(_10,function(_13){
|
||
| 94 | var elm=_13.domNode,pos=_13.layoutAlign;
|
||
| 95 | var _14=elm.style;
|
||
| 96 | _14.left=dim.l+"px";
|
||
| 97 | _14.top=dim.t+"px";
|
||
| 98 | _14.bottom=_14.right="auto";
|
||
| 99 | dojo.addClass(elm,"dijitAlign"+_a(pos));
|
||
| 100 | if(pos=="top"||pos=="bottom"){ |
||
| 101 | _c(_13,{w:dim.w});
|
||
| 102 | dim.h-=_13.h; |
||
| 103 | if(pos=="top"){ |
||
| 104 | dim.t+=_13.h; |
||
| 105 | }else{
|
||
| 106 | _14.top=dim.t+dim.h+"px";
|
||
| 107 | } |
||
| 108 | }else{
|
||
| 109 | if(pos=="left"||pos=="right"){ |
||
| 110 | _c(_13,{h:dim.h});
|
||
| 111 | dim.w-=_13.w; |
||
| 112 | if(pos=="left"){ |
||
| 113 | dim.l+=_13.w; |
||
| 114 | }else{
|
||
| 115 | _14.left=dim.l+dim.w+"px";
|
||
| 116 | } |
||
| 117 | }else{
|
||
| 118 | if(pos=="client"){ |
||
| 119 | _c(_13,dim); |
||
| 120 | } |
||
| 121 | } |
||
| 122 | } |
||
| 123 | }); |
||
| 124 | }; |
||
| 125 | })(); |
||
| 126 | } |