diff options
| author | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
|---|---|---|
| committer | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
| commit | b62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch) | |
| tree | 86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo-1.6/dojox/mobile/FixedSplitter.js | |
Diffstat (limited to 'js/dojo-1.6/dojox/mobile/FixedSplitter.js')
| -rw-r--r-- | js/dojo-1.6/dojox/mobile/FixedSplitter.js | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/mobile/FixedSplitter.js b/js/dojo-1.6/dojox/mobile/FixedSplitter.js new file mode 100644 index 0000000..c942b21 --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/FixedSplitter.js @@ -0,0 +1,108 @@ +/*
+ Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
+ Available via Academic Free License >= 2.1 OR the modified BSD license.
+ see: http://dojotoolkit.org/license for details
+*/
+
+
+if(!dojo._hasResource["dojox.mobile.FixedSplitter"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dojox.mobile.FixedSplitter"] = true;
+dojo.provide("dojox.mobile.FixedSplitter");
+
+dojo.require("dijit._WidgetBase");
+
+// summary:
+// A layout container that splits the window horizontally or vertically.
+// description:
+// FixedSplitter is a very simple container widget that layouts its child
+// dom nodes side by side either horizontally or vertically.
+// An example usage of this widget would be to realize the split view on iPad.
+// There is no visual splitter between the children, and there is no
+// function to resize the child panes with drag-and-drop.
+// If you need a visual splitter, you can specify a border of a child
+// dom node with CSS.
+// A child of the widget can be a plain <div> or dojox.mobile.FixedSplitterPane.
+// example:
+// | <div dojoType="dojox.mobile.FixedSplitter" orientation="H">
+// | <div style="width:200px;border-right:1px solid black;">
+// | pane #1 (width=200px)
+// | </div>
+// | <div>
+// | pane #2
+// | </div>
+// | </div>
+
+dojo.declare(
+ "dojox.mobile.FixedSplitter",
+ dijit._WidgetBase,
+{
+ orientation: "H", // "H" or "V"
+
+ isContainer: true,
+
+ buildRendering: function(){
+ this.domNode = this.containerNode = this.srcNodeRef ? this.srcNodeRef : dojo.doc.createElement("DIV");
+ dojo.addClass(this.domNode, "mblFixedSpliter");
+ },
+
+ startup: function(){
+ var children = dojo.filter(this.domNode.childNodes, function(node){ return node.nodeType == 1; });
+ dojo.forEach(children, function(node){
+ dojo.addClass(node, "mblFixedSplitterPane"+this.orientation);
+ }, this);
+
+ dojo.forEach(this.getChildren(), function(child){if(child.startup){child.startup();}});
+ this._started = true;
+
+ var _this = this;
+ setTimeout(function(){
+ _this.resize();
+ }, 0);
+
+ var parent = dijit.getEnclosingWidget(this.domNode.parentNode);
+ if(!parent){
+ if(dojo.global.onorientationchange !== undefined){
+ this.connect(dojo.global, "onorientationchange", "resize");
+ }else{
+ this.connect(dojo.global, "onresize", "resize");
+ }
+ }
+ },
+
+ resize: function(changeSize, resultSize){
+ this.layout();
+ },
+
+ layout: function(){
+ var sz = this.orientation == "H" ? "w" : "h";
+ var children = dojo.filter(this.domNode.childNodes, function(node){ return node.nodeType == 1; });
+ var offset = 0;
+ for(var i = 0; i < children.length; i++){
+ dojo.marginBox(children[i], this.orientation == "H" ? {l:offset} : {t:offset});
+ if(i < children.length - 1){
+ offset += dojo.marginBox(children[i])[sz];
+ }
+ }
+
+ var l = dojo.marginBox(this.domNode)[sz] - offset;
+ var props = {};
+ props[sz] = l;
+ dojo.marginBox(children[children.length - 1], props);
+
+ dojo.forEach(this.getChildren(), function(child){
+ if(child.resize){ child.resize(); }
+ });
+ }
+});
+
+dojo.declare(
+ "dojox.mobile.FixedSplitterPane",
+ dijit._WidgetBase,
+{
+ buildRendering: function(){
+ this.inherited(arguments);
+ dojo.addClass(this.domNode, "mblFixedSplitterPane");
+ }
+});
+
+}
|