Changeset 1241

Timestamp:

10/23/08 11:27:48 (3 months ago)

Author:

ojohner

Message:

Radio button for all layers

Files:

• sandbox/camptocamp/MapFishUnhcr/client/mfbase/mapfish/widgets/tree/LayerTree.js (modified) (12 diffs)

sandbox/camptocamp/MapFishUnhcr/client/mfbase/mapfish/widgets/tree/LayerTree.js

@@ -40 +40 @@
-
-        var cb = typeof a.checked == 'boolean';
+        var radioGrp = n.attributes.radioGrp || "radioGrp";
-
-        var href = a.href ? a.href : Ext.isGecko ? "" : "#";
@@ -46 +47 @@
-            '<img src="', this.emptyIcon, '" class="x-tree-ec-icon x-tree-elbow" />',
-            '<img src="', a.icon || this.emptyIcon, '" class="x-tree-node-icon',(a.icon ? " x-tree-node-inline-icon" : ""),(a.iconCls ? " "+a.iconCls : ""),'" unselectable="on" />',
-name="radio_' + n.id
+id="'+ n.id + '" name="' + radioGrp
-            '<a hidefocus="on" class="x-tree-node-anchor" href="',href,'" tabIndex="1" ',
-             a.hrefTarget ? ' target="'+a.hrefTarget+'"' : "", '><span unselectable="on">',n.text,"</span></a></div>",
@@ -79 +80 @@
-                                                  .apply(this, arguments);
-        var cbNode = Ext.DomQuery.selectNode(".x-tree-node-cb", this.elNode);
+        var radioGrp =  n.attributes.radioGrp || "radioGrp";
-        cbNode.setAttribute("type", "radio");
-
+
+
-    },
-
@@ -602 +605 @@
-                }
-            }, this);
-
-            return layerVisibility;
-        }
@@ -624 +626 @@
-            this.getRootNode().cascade(function(node) {
-                var checked = node.attributes.checked;
-
-                var layerNames = node.attributes.layerNames;
+                var radioGrp = null;
+
-                if (!layerNames)
-                    return;
@@ -636 +639 @@
-                    if (layerVisibility[layerName] == undefined)
-                        OpenLayers.Console.error("Invalid layer: ", layerName);
+
+                    if (node.attributes.radio) {
+                        radioGrp = node.attributes.radioGrp || "radioGrp";
+
+                        if (!radioButton[radioGrp])
+                            radioButton[radioGrp] = {};
+
+                        radioButton[radioGrp][layerName] = checked;
+                    }
-
-                    if (forcedVisibility[layerName])
@@ -642 +654 @@
-                        if (this.baseLayerNames.indexOf(layerName) != -1) {
-                            clickedBaseLayer = layerName;
+                        }
+                        if (radioGrp) {
+                            clickedRadioButton[0]  = radioGrp;
+                            clickedRadioButton[1]  = layerName;
-                        }
-                        forcedVisibility[layerName] = true;
@@ -703 +719 @@
-
-        /**
+         * Ensure only one radio button is checked by group.
+         *
+         * Parameters:
+         * layerVisibility - {Object} Map of layer name to {Boolean}
+         * clickedRadiButton - {Array} group name & layer name of the radio button that was clicked.
+         * radioButton - {Object} name of all radio button with checked state.
+         *               Contain the group name and the layer name.
+         * Returns:
+         * {Object} updated layerVisibility map
+         */
+        function applyRadioButtonRestriction(layerVisibility, clickedRadioButton,
+                                             radioButton) {
+            for (var radioGrp in radioButton) {
+                for (var layerName in radioButton[radioGrp]) {
+                    if (clickedRadioButton[0] == radioGrp) {
+                        layerVisibility[layerName] = layerName == clickedRadioButton[1];
+                    } else {
+                        layerVisibility[layerName] = radioButton[radioGrp][layerName];
+                    }
+                }
+            }
+            return layerVisibility;
+        }
+
+        /**
-         * Updates the tree from the given layerVisibility object.
-         *
@@ -754 +795 @@
-
-            for (var layerName in layerVisibility) {
-
-                var visible = layerVisibility[layerName];
-
@@ -842 +882 @@
-
-        var currentBaseLayerName;
+
-        if (this.map.baseLayer)
-            currentBaseLayerName = this.map.baseLayer.name;
-        var clickedBaseLayer;
+        var radioButton = {};
+        var clickedRadioButton = [];
-
-        // Definition:
@@ -855 +898 @@
-        applyBaseLayerRestriction.call(this, layerVisibility, clickedBaseLayer,
-                                       currentBaseLayerName);
+
+        applyRadioButtonRestriction.call(this, layerVisibility, clickedRadioButton,
+                                         radioButton);
-
-        updateTreeFromVisibility.call(this, layerVisibility);
@@ -1034 +1080 @@
-        this.getRootNode().cascade(function(node) {
-            var layers;
-this.map || !(layers = this.nodeIdToLayers[node.id]
+node.attributes.radio && (!this.map || !(layers = this.nodeIdToLayers[node.id])
-                return;
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-                node.attributes.uiProvider = mapfish.widgets.RadioTreeNodeUI;
-                // The ui may already habe been instanciated here, so we