[seam-commits] Seam SVN: r11913 - modules/remoting/trunk/examples/model/src/main/webapp.
seam-commits at lists.jboss.org
seam-commits at lists.jboss.org
Wed Jan 6 05:01:34 EST 2010
Author: shane.bryzak at jboss.com
Date: 2010-01-06 05:01:33 -0500 (Wed, 06 Jan 2010)
New Revision: 11913
Removed:
modules/remoting/trunk/examples/model/src/main/webapp/tree.css
modules/remoting/trunk/examples/model/src/main/webapp/tree.js
modules/remoting/trunk/examples/model/src/main/webapp/tree_images/
Modified:
modules/remoting/trunk/examples/model/src/main/webapp/model.html
modules/remoting/trunk/examples/model/src/main/webapp/style.css
Log:
remove tree stuff, let's do this differently...
Modified: modules/remoting/trunk/examples/model/src/main/webapp/model.html
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-05 17:47:57 UTC (rev 11912)
+++ modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-06 10:01:33 UTC (rev 11913)
@@ -13,7 +13,6 @@
<h1>Seam Remoting - Model Example</h1>
<script type="text/javascript" src="seam/resource/remoting/resource/remote.js?compress=true"></script>
- <script type="text/javascript" src="tree.js"></script>
<script type="text/javascript">
//<![CDATA[
@@ -52,16 +51,55 @@
}
model = new Seam.Model();
- var callback = function(model) { alert("model fetched"); };
-
- model.addBeanProperty("person", "org.jboss.seam.remoting.examples.model.PersonAction", "person");
+ var alias = getElementValue("valueAlias1");
+ var bean = getElementValue("valueBean1");
+ var property = getElementValue("valueProperty1");
+ if (alias && bean && property) model.addBeanProperty(alias, bean, property);
+
+ // TODO make this less "hard coded"
+ alias = getElementValue("valueAlias2");
+ bean = getElementValue("valueBean2");
+ property = getElementValue("valueProperty2");
+ if (alias && bean && property) model.addBeanProperty(alias, bean, property);
+
+ alias = getElementValue("valueAlias3");
+ bean = getElementValue("valueBean3");
+ property = getElementValue("valueProperty3");
+ if (alias && bean && property) model.addBeanProperty(alias, bean, property);
+
if (action)
- model.fetch(action, callback);
+ model.fetch(action, fetchCallback);
else
- model.fetch(callback);
+ model.fetch(fetchCallback);
}
+
+ function fetchCallback(model) {
+
+ for (var i = 0; i < model.values.length; i++) {
+
+ }
+ }
+ function renderValueNode(parentNode, value, alias) {
+ var beanType = Seam.getBeanType(value);
+ var meta = Seam.getBeanMetadata(value);
+
+ var valueNode = new xw.controls.TreeNode((alias ? alias + ":" : "") + beanType.__name, false, value);
+ parentNode.add(valueNode);
+
+ for (var j = 0; j < meta.length; j++) {
+ var fieldName = meta[j].field;
+ var fieldType = meta[j].type;
+ var leaf = fieldType != "bag" && fieldType != "map" && fieldType != "bean";
+ var node = new xw.controls.TreeNode(fieldName + ":" + value[fieldName], leaf);
+ if (!leaf) node.canExpand = true;
+ valueNode.add(node);
+
+ if (!leaf && value[fieldName]) renderValueNode(valueNode, value[fieldName]);
+ }
+ }
+
// Apply changes to the model
function apply() {
var applyActionBean = getElementValue("applyActionBean");
@@ -92,27 +130,14 @@
model.applyUpdates(callback);
}
+ /*
function expandModel() {
var callback = function(model) { alert("Got addresses: " + model.getValue("person").getAddresses().length); };
model.expand(model.getValue("person"), "addresses", callback);
}
+ */
- function modifyPerson() {
- model.getValue("person").setFirstName("bob");
- }
-
- var tm = new xw.controls.TreeModel(new xw.controls.TreeNode("Root"));
- var abc = new xw.controls.TreeNode("ABC");
- tm.getRoot().add(abc);
- abc.add(new xw.controls.TreeNode("123", true));
- abc.add(new xw.controls.TreeNode("456", true));
- var def = new xw.controls.TreeNode("DEF");
- tm.getRoot().add(def);
- def.add(new xw.controls.TreeNode("xxx", true));
- def.add(new xw.controls.TreeNode("yyy", true));
- def.add(new xw.controls.TreeNode("zzz", true));
-
// ]]>
</script>
@@ -166,7 +191,7 @@
</div>
<div class="sectionCommand">
- <button onclick="javascript:fetch()">Apply</button>
+ <button onclick="javascript:apply()">Apply</button>
</div>
<br class="clear"/>
@@ -174,25 +199,37 @@
<div class="section">
<div class="sectionHeader">Model properties</div>
-
-
-
+ <table cellspacing="0" cellpadding="0" border="0">
+ <tr>
+ <td>Alias</td>
+ <td>Bean</td>
+ <td>Property</td>
+ </tr>
+ <tr>
+ <td><input type="text" class="short" id="valueAlias1" value="person"/></td>
+ <td><input type="text" class="long" id="valueBean1" value="org.jboss.seam.remoting.examples.model.PersonAction"/></td>
+ <td><input type="text" class="short" id="valueProperty1" value="person"/></td>
+ </tr>
+ <tr>
+ <td><input type="text" class="short" id="valueAlias2"/></td>
+ <td><input type="text" class="long" id="valueBean2"/></td>
+ <td><input type="text" class="short" id="valueProperty2"/></td>
+ </tr>
+ <tr>
+ <td><input type="text" class="short" id="valueAlias3"/></td>
+ <td><input type="text" class="long" id="valueBean3"/></td>
+ <td><input type="text" class="short" id="valueProperty3"/></td>
+ </tr>
+ </table>
<br class="clear"/>
</div>
-
-
+ <div id="treeContainer" style="position:absolute;left:10px;width:450px;height:400px;border:1px solid #999999;overflow:auto"></div>
-
- <button onclick="javascript:expandModel()">expand model</button>
- <button onclick="javascript:modifyPerson()">Modify person</button>
-
- <div id="tree" style="position:absolute;left:10px;width:300px;height:400px;border:1px solid #999999;overflow:auto"></div>
-
<script type="text/javascript">
//<![CDATA[
- var t = new xw.controls.Tree("tree", tm);
- t.paint();
+ var t = new xw.controls.Tree("treeContainer");
+ t.setRootVisible(true);
// ]]>
</script>
Modified: modules/remoting/trunk/examples/model/src/main/webapp/style.css
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/style.css 2010-01-05 17:47:57 UTC (rev 11912)
+++ modules/remoting/trunk/examples/model/src/main/webapp/style.css 2010-01-06 10:01:33 UTC (rev 11913)
@@ -38,7 +38,7 @@
float: left;
width: 70px;
padding: 2px 2px 2px 2px;
-}
+}
div.formRow input[type='text'] {
width: 300px;
@@ -47,4 +47,13 @@
.clear {
clear: both;
font-size: 0px;
+}
+
+
+.short {
+ width: 80px;
+}
+
+.long {
+ width: 300px;
}
\ No newline at end of file
Deleted: modules/remoting/trunk/examples/model/src/main/webapp/tree.css
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/tree.css 2010-01-05 17:47:57 UTC (rev 11912)
+++ modules/remoting/trunk/examples/model/src/main/webapp/tree.css 2010-01-06 10:01:33 UTC (rev 11913)
@@ -1,116 +0,0 @@
-div.treePlusStart {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/plus_middle.gif') no-repeat left top;
-}
-
-div.treePlusMiddle {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/plus_middle.gif') no-repeat left top;
-}
-
-div.treePlusEnd {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/plus_end.gif') no-repeat left top;
-}
-
-div.treePlusNone {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/plus_none.gif') no-repeat left top;
-}
-
-div.treeMinusStart {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/minus_start.gif') no-repeat left top;
-}
-
-div.treeMinusMiddle {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/minus_middle.gif') no-repeat left top;
-}
-
-div.treeMinusEnd {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/minus_end.gif') no-repeat left top;
-}
-
-div.treeMinusNone {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/minus_none.gif') no-repeat left top;
-}
-
-div.treeLeaf {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/leafnode.png') no-repeat left top;
-}
-
-div.treeFolderOpen {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/folder-open.png') no-repeat left top;
-}
-
-div.treeFolderClosed {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/folder-closed.png') no-repeat left top;
-}
-
-div.treeLineMiddle {
- width: 18px;
- height: 100%;
- position: static;
- border: 0px;
- background: url('tree_images/line_middle.gif') repeat-y left top;
-}
-
-div.treeLineBranch {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/line_branch.gif') no-repeat left top;
-}
-
-div.treeLineEnd {
- width: 18px;
- height: 18px;
- position: static;
- background: url('tree_images/line_end.gif') no-repeat left top;
-}
-
-span.selected {
- font-family: helvetica;
- font-size: x-small;
- padding-top: 0px;
- margin-top: 0px;
- color: #ffffff;
- background-color: #000077;
- text-align: left;
-}
-
-span.unselected {
- font-family: helvetica;
- font-size: x-small;
- padding-top: 0px;
- margin-top: 0px;
- text-align: left;
-}
Deleted: modules/remoting/trunk/examples/model/src/main/webapp/tree.js
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/tree.js 2010-01-05 17:47:57 UTC (rev 11912)
+++ modules/remoting/trunk/examples/model/src/main/webapp/tree.js 2010-01-06 10:01:33 UTC (rev 11913)
@@ -1,710 +0,0 @@
-/**
- * Tree control
- *
- * @author Shane Bryzak
- */
-
-//Package("xw.controls");
-xw = new Object();
-xw.controls = new Object();
-
-// TODO - fully qualified naming is way too verbose, make it shorter somehow
-
-xw.controls.TreeModel = function(rootNode)
-{
- this.rootNode = rootNode;
- this.rootNode.setModel(this);
- this.tree = null;
- var p = xw.controls.TreeModel.prototype;
-
- p.getChild = function(parent, index)
- {
- return parent.getChildAt(index);
- }
-
- p.getChildCount = function(parent)
- {
- return parent.getChildCount();
- }
-
- p.getIndexOfChild = function(parent, child)
- {
- return parent.getIndex(child);
- }
-
- p.getRoot = function()
- {
- return this.rootNode;
- }
-
- p.isLeaf = function(node)
- {
- return node.isLeaf();
- }
-
- p.setTree = function(tree)
- {
- this.tree = tree;
- }
-
- p.findNodeByObject = function(object)
- {
- return xw.controls.TreeModel.searchChildrenForObject(this.rootNode, object);
- }
-
- xw.controls.TreeModel.searchChildrenForObject = function(node, object)
- {
- for (var i = 0; i < node.getChildCount(); i++)
- {
- var childNode = node.getChildAt(i);
- if (childNode.getUserObject() == object)
- return childNode;
- else if (childNode.getChildCount() > 0)
- {
- grandChild = xw.controls.TreeModel.searchChildrenForObject(childNode, object);
- if (grandChild != null)
- return grandChild;
- }
- }
- return null;
- }
-}
-
-xw.controls.TreeNode = function(value, leaf, userObject)
-{
- this.value = value;
- this.leaf = leaf ? leaf : false;
- this.userObject = userObject ? userObject : null;
- this.children = new Array();
- this.parent = null;
- this.expanded = false;
- this.model = null;
-
- xw.controls.TreeNode.prototype.getUserObject = function()
- {
- return this.userObject;
- }
-
- xw.controls.TreeNode.prototype.setUserObject = function(obj)
- {
- this.userObject = obj;
- }
-
- xw.controls.TreeNode.prototype.setModel = function(model)
- {
- this.model = model;
- }
-
- xw.controls.TreeNode.prototype.add = function(node)
- {
- node.parent = this;
- this.children.push(node);
- node.setModel(this.model);
- }
-
- xw.controls.TreeNode.prototype.children = function()
- {
- return this.children;
- }
-
- xw.controls.TreeNode.prototype.getChildAt = function(index)
- {
- return this.children[index];
- }
-
- xw.controls.TreeNode.prototype.getChildCount = function()
- {
- return this.children.length;
- }
-
- xw.controls.TreeNode.prototype.getIndex = function(node)
- {
- for (var i = 0; i < this.children.length; i++)
- {
- if (this.children[i] == node)
- return i;
- }
- return -1;
- }
-
- xw.controls.TreeNode.prototype.getParent = function()
- {
- return this.parent;
- }
-
- xw.controls.TreeNode.prototype.isLeaf = function()
- {
- return this.leaf;
- }
-
- xw.controls.TreeNode.prototype.remove = function(node)
- {
- var found = false;
- for (var i = 0; i < this.children.length; i++)
- {
- if (this.children[i] == node)
- found = true;
- if (found && i < this.children.length - 1)
- this.children[i] = this.children[i + 1];
- }
- if (found)
- {
- this.children.length = this.children.length - 1;
- this.model.tree.renderer.removeNode(node);
- }
- }
-}
-
-xw.controls.Tree = function(container, model)
-{
- this.container = (typeof(container) == "object") ? container : document.getElementById(container);
- this.rootVisible = false;
- this.model = model;
- model.setTree(this);
- this.renderer = new xw.controls.DefaultCellRenderer();
- this.onSelect = null;
- this.onDragDrop = null;
- this.selectedNode = null;
-
- xw.controls.Tree.prototype.isRootVisible = function()
- {
- return this.rootVisible;
- }
-
- xw.controls.Tree.prototype.setRootVisible = function(visible)
- {
- this.rootVisible = visible;
- }
-
- xw.controls.Tree.prototype.paint = function()
- {
- this.renderer.render(this.container, this.model.getRoot(), true);
- }
-
- xw.controls.Tree.prototype.repaintNode = function(node)
- {
- this.renderer.render(null, node, true);
- }
-
- xw.controls.Tree.prototype.getModel = function()
- {
- return this.model;
- }
-
- xw.controls.Tree.prototype.selectNode = function(node)
- {
- if (this.selectedNode)
- this.renderer.renderSelected(this.selectedNode, false);
- this.selectedNode = node;
- this.renderer.renderSelected(node, true);
- if (this.onSelect)
- this.onSelect(node);
- }
-
- xw.controls.Tree.prototype.initiateDragDrop = function(sourceNode, targetNode)
- {
- if ((this.onDragDrop && this.onDragDrop(sourceNode, targetNode)) || !this.onDragDrop)
- this.moveNode(sourceNode, targetNode);
- }
-
- xw.controls.Tree.prototype.moveNode = function(sourceNode, targetNode)
- {
- var sourceParent = sourceNode.getParent();
- if (sourceParent != targetNode)
- {
- sourceParent.remove(sourceNode);
-
- targetNode.add(sourceNode);
-
- targetNode.childrenCell.appendChild(sourceNode.tableCtl);
- this.repaintNode(sourceParent);
-
- targetNode.expanded = true;
- this.repaintNode(targetNode);
- }
- }
-}
-
-xw.controls.Tree.mouseDownNode = null;
-xw.controls.Tree.draggedNode = null;
-xw.controls.Tree.mouseDownStartPos = null;
-xw.controls.Tree.dragThreshold = 5;
-xw.controls.Tree.dragDiv = null;
-xw.controls.Tree.targetNode = null;
-
-xw.controls.Tree.util = new Object();
-xw.controls.Tree.util.addEvent = function(ctl, event, func)
-{
- if (navigator.userAgent.indexOf("MSIE") != -1)
- ctl.attachEvent("on" + event, func);
- else
- ctl.addEventListener(event, func, true);
-}
-
-xw.controls.Tree.util.removeEvent = function(ctl, event, func)
-{
- if (navigator.userAgent.indexOf("MSIE") != -1)
- ctl.detachEvent("on" + event, func);
- else
- ctl.removeEventListener(event, func, true);
-}
-
-xw.controls.Tree.util.cancelEventBubble = function(event)
-{
- if (navigator.userAgent.indexOf("MSIE") != -1)
- {
- window.event.cancelBubble = true;
- window.event.returnValue = false;
- }
- else
- event.preventDefault();
-}
-
-xw.controls.Tree.util.setOpacity = function(ctl, percent)
-{
- if (navigator.userAgent.indexOf("MSIE") != -1)
- ctl.style.filter = "alpha(opacity=" + percent + ")";
- else
- ctl.style.MozOpacity = percent / 100;
-}
-
-xw.controls.Tree.util.fades = new Array();
-xw.controls.Tree.util.fading = false;
-
-xw.controls.Tree.util.startFade = function(fade)
-{
- fade.valid = true;
-
- if (fade.value == 0)
- fade.control.style.display = "";
-
- xw.controls.Tree.util.fades.push(fade);
-
- if (!xw.controls.Tree.util.fading)
- xw.controls.Tree.util.processFades();
-}
-
-xw.controls.Tree.util.fadeIn = function(ctl, step)
-{
- xw.controls.Tree.util.setOpacity(ctl, 0);
- xw.controls.Tree.util.startFade({control:ctl,value:0,step:step});
-}
-
-xw.controls.Tree.util.fadeOut = function(ctl, step, onComplete)
-{
- xw.controls.Tree.util.setOpacity(ctl, 100);
- xw.controls.Tree.util.startFade({control:ctl,value:100,step:-1 * step,onComplete:onComplete});
-}
-
-xw.controls.Tree.util.processFades = function()
-{
- xw.controls.Tree.util.fading = true;
-
- for (var i = 0; i < xw.controls.Tree.util.fades.length; i++)
- {
- var fade = xw.controls.Tree.util.fades[i];
- var done = false;
-
- if (fade.step < 0) // Fade out
- {
- xw.controls.Tree.util.setOpacity(fade.control, Math.max(fade.value, 0));
- if (fade.value < 0)
- done = true;
- }
- else if (fade.step > 0) // Fade in
- {
- xw.controls.Tree.util.setOpacity(fade.control, Math.min(fade.value, 100));
- if (fade.value > 100)
- done = true;
- }
-
- if (done)
- {
- xw.controls.Tree.util.fades.splice(i, 1);
- if (fade.onComplete)
- fade.onComplete();
- }
- fade.value += fade.step;
- }
-
- if (xw.controls.Tree.util.fades.length > 0)
- setTimeout("xw.controls.Tree.util.processFades()", 50);
- else
- xw.controls.Tree.util.fading = false;
-}
-
-xw.controls.Tree.util.getMousePos = function(event)
-{
- var x, y;
- if (navigator.userAgent.indexOf("MSIE") != -1)
- {
- x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
- y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
- }
- else
- {
- x = event.clientX + window.scrollX;
- y = event.clientY + window.scrollY;
- }
- return { x:x, y:y };
-};
-
-xw.controls.Tree.util.calcDistance = function(pos1, pos2)
-{
- var deltaX = Math.abs(pos1.x - pos2.x);
- var deltaY = Math.abs(pos1.y - pos2.y);
- return Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
-}
-
-xw.controls.Tree.onMouseDown = function(event, node)
-{
- xw.controls.Tree.mouseDownStartPos = xw.controls.Tree.util.getMousePos(event);
- xw.controls.Tree.mouseDownNode = node;
- xw.controls.Tree.util.addEvent(document, "mousemove", xw.controls.Tree.onMouseMove);
- xw.controls.Tree.util.addEvent(document, "mouseup", xw.controls.Tree.onMouseUp);
-
- xw.controls.Tree.util.cancelEventBubble(event);
-}
-
-xw.controls.Tree.onMouseMove = function(event)
-{
- if (xw.controls.Tree.draggedNode == null)
- {
- var distance = xw.controls.Tree.util.calcDistance(xw.controls.Tree.util.getMousePos(event), xw.controls.Tree.mouseDownStartPos);
- if (distance > xw.controls.Tree.dragThreshold)
- {
- xw.controls.Tree.draggedNode = xw.controls.Tree.mouseDownNode;
- if (xw.controls.Tree.dragDiv == null)
- {
- xw.controls.Tree.targetNode = null;
- xw.controls.Tree.dragDiv = document.createElement("div");
- xw.controls.Tree.dragDiv.style.position = "absolute";
- xw.controls.Tree.util.setOpacity(xw.controls.Tree.dragDiv, 40);
- window.document.body.appendChild(xw.controls.Tree.dragDiv);
- }
-
- xw.controls.Tree.draggedNode.renderer.renderClone(xw.controls.Tree.dragDiv, xw.controls.Tree.draggedNode);
- xw.controls.Tree.dragDiv.style.display = "";
- var pos = xw.controls.Tree.util.getMousePos(event);
- xw.controls.Tree.dragDiv.style.left = (pos.x + 10) + "px";
- xw.controls.Tree.dragDiv.style.top = pos.y + "px";
- }
- }
- else
- {
- var pos = xw.controls.Tree.util.getMousePos(event);
- xw.controls.Tree.dragDiv.style.left = (pos.x + 10) + "px";
- xw.controls.Tree.dragDiv.style.top = pos.y + "px";
- }
-}
-
-xw.controls.Tree.onMouseUp = function(event)
-{
- xw.controls.Tree.util.removeEvent(document, "mousemove", xw.controls.Tree.onMouseMove);
- xw.controls.Tree.util.removeEvent(document, "mouseup", xw.controls.Tree.onMouseUp);
-
- xw.controls.Tree.mouseDownStartPos = null;
-
- if (xw.controls.Tree.dragDiv)
- xw.controls.Tree.dragDiv.style.display = "none";
-
- if (xw.controls.Tree.targetNode)
- {
- xw.controls.Tree.targetNode.renderer.renderSelected(xw.controls.Tree.targetNode, false);
- xw.controls.Tree.draggedNode.model.tree.initiateDragDrop(xw.controls.Tree.draggedNode, xw.controls.Tree.targetNode);
- }
- else if (xw.controls.Tree.mouseDownNode.model && xw.controls.Tree.mouseDownNode.model.tree && !xw.controls.Tree.draggedNode)
- xw.controls.Tree.mouseDownNode.model.tree.selectNode(xw.controls.Tree.mouseDownNode);
-
- xw.controls.Tree.targetNode = null;
- xw.controls.Tree.draggedNode = null;
-
- xw.controls.Tree.util.cancelEventBubble(event);
-}
-
-xw.controls.Tree.onMouseOver = function(event, node)
-{
- if (xw.controls.Tree.draggedNode && xw.controls.Tree.draggedNode != node && !node.isLeaf() && xw.controls.Tree.draggedNode.getParent() != node)
- {
- node.renderer.renderSelected(node, true);
- xw.controls.Tree.targetNode = node;
- }
-}
-
-xw.controls.Tree.onMouseOut = function(event, node)
-{
- if (xw.controls.Tree.draggedNode && xw.controls.Tree.draggedNode != node && !node.isLeaf())
- {
- node.renderer.renderSelected(node, false);
- if (xw.controls.Tree.targetNode == node)
- xw.controls.Tree.targetNode = null;
- }
-}
-
-xw.controls.DefaultCellRenderer = function()
-{
- this.plusStartClass = "treePlusStart";
- this.plusMiddleClass = "treePlusMiddle";
- this.plusEndClass = "treePlusEnd";
- this.plusNoneClass = "treePlusNone";
-
- this.minusStartClass = "treeMinusStart";
- this.minusMiddleClass = "treeMinusMiddle";
- this.minusEndClass = "treeMinusEnd";
- this.minusNoneClass = "treeMinusNone";
-
- this.lineMiddleClass = "treeLineMiddle";
- this.lineEndClass = "treeLineEnd";
- this.lineBranchClass = "treeLineBranch";
-
- this.leafClass = "treeLeaf";
- this.folderOpenClass = "treeFolderOpen";
- this.folderClosedClass = "treeFolderClosed";
-
- this.onRender = false;
-
- xw.controls.DefaultCellRenderer.prototype.removeNode = function(node)
- {
- node.parent.childrenCell.removeChild(node.tableCtl);
- }
-
- xw.controls.DefaultCellRenderer.prototype.render = function(container, node, renderChildren)
- {
- if (!node.tableCtl)
- {
- node.renderer = this;
-
- node.tableCtl = document.createElement("table");
- node.tableCtl.cellSpacing = 0;
- node.tableCtl.cellPadding = 0;
-
- node.headerRow = node.tableCtl.insertRow(-1);
-
- node.branchCell = node.headerRow.insertCell(-1);
- node.iconCell = node.headerRow.insertCell(-1);
- node.contentCell = node.headerRow.insertCell(-1);
-
- node.contentCell.style.textAlign = "left";
- node.contentCell.style.whiteSpace = "nowrap";
- node.contentCell.style.cursor = "pointer";
- node.contentCell.style.verticalAlign = "middle";
-
- node.branchDiv = document.createElement("div");
-
- var toggleFunction = function(event) { node.expanded = !node.expanded; node.renderer.toggle(node); };
-
- xw.controls.Tree.util.addEvent(node.branchDiv, "mousedown", toggleFunction);
-
- node.branchCell.appendChild(node.branchDiv);
-
- node.iconDiv = document.createElement("div");
- node.iconDiv.style.position = "static";
-
- node.iconCell.style.width = "1px";
- node.iconCell.appendChild(node.iconDiv);
-
- node.content = document.createElement("span");
- node.content.className = "unselected";
- node.contentText = document.createTextNode(node.value);
- node.content.appendChild(node.contentText);
-
- node.contentCell.appendChild(node.content);
-
- node.childrenRow = node.tableCtl.insertRow(-1);
- node.childBranchCell = node.childrenRow.insertCell(-1);
-
- node.childBranchDiv = document.createElement("div");
- node.childBranchCell.appendChild(node.childBranchDiv);
-
- node.childrenCell = node.childrenRow.insertCell(-1);
- node.childrenCell.colSpan = 2;
-
- var mouseDownFunction = function(event) { xw.controls.Tree.onMouseDown(event, node); };
- xw.controls.Tree.util.addEvent(node.iconDiv, "mousedown", mouseDownFunction);
- xw.controls.Tree.util.addEvent(node.contentCell, "mousedown", mouseDownFunction);
-
- var mouseOverFunction = function(event) { xw.controls.Tree.onMouseOver(event, node); };
- xw.controls.Tree.util.addEvent(node.iconDiv, "mouseover", mouseOverFunction);
- xw.controls.Tree.util.addEvent(node.contentCell, "mouseover", mouseOverFunction);
-
- var mouseOutFunction = function(event) { xw.controls.Tree.onMouseOut(event, node); };
- xw.controls.Tree.util.addEvent(node.iconDiv, "mouseout", mouseOutFunction);
- xw.controls.Tree.util.addEvent(node.contentCell, "mouseout", mouseOutFunction);
- }
-
- node.contentText.nodeValue = node.value;
-
- if (container)
- {
- var inContainer = false;
- for (var i = 0; i < container.childNodes.length; i++)
- {
- if (container.childNodes[i] == node.tableCtl)
- {
- inContainer = true;
- break;
- }
- }
-
- if (!inContainer)
- container.appendChild(node.tableCtl);
- }
-
- if (!node.isLeaf() && renderChildren)
- {
- for (var i = 0; i < node.getChildCount(); i++)
- this.render(node.childrenCell, node.getChildAt(i), true);
- }
-
- // Reset the child branch div height
- node.childBranchDiv.style.height = "100%";
-
- var expanded = node.expanded && (node.getChildCount() > 0);
-// node.childrenRow.style.display = expanded ? "" : "none";
-
- if (node.isLeaf())
- {
- if (node.getParent() == null)
- node.branchDiv.className = this.lineBranchClass;
- else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1)
- node.branchDiv.className = this.lineEndClass;
- else
- node.branchDiv.className = this.lineBranchClass;
-
- node.iconDiv.className = this.leafClass;
- }
- else
- {
- if (node.getParent() == null)
- {
- if (node.getChildCount() > 0)
- node.branchDiv.className = expanded ? this.minusNoneClass : this.plusNoneClass;
- else
- node.branchDiv.className = "";
- }
- else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1)
- {
- if (node.getChildCount() > 0)
- {
- node.branchDiv.className = expanded ? this.minusEndClass : this.plusEndClass;
- node.childBranchDiv.className = "";
- node.childBranchDiv.style.width = "100%";
- }
- else
- node.branchDiv.className = this.lineEndClass;
- }
- else
- {
- if (node.getChildCount() > 0)
- {
- node.childBranchDiv.className = this.lineMiddleClass;
- node.childBranchDiv.style.height = node.childBranchCell.offsetHeight + "px";
-
- node.branchDiv.className = expanded ? this.minusMiddleClass : this.plusMiddleClass;
- }
- else
- node.branchDiv.className = this.lineBranchClass;
- }
- node.iconDiv.className = expanded ? this.folderOpenClass : this.folderClosedClass;
- }
-
- if (node.getParent())
- node.renderer.render(null, node.getParent());
-
- if (this.onRender)
- this.onRender(node);
-
- node.childrenRow.style.display = expanded ? "" : "none";
- }
-
- xw.controls.DefaultCellRenderer.prototype.toggle = function(node)
- {
- if (node.expanded)
- {
- // Reset the child branch div height
- node.childrenRow.style.display = "";
- xw.controls.Tree.util.fadeIn(node.childrenCell, 25);
- this.decorateNode(node, true);
- }
- else
- {
- this.decorateNode(node, false);
- var onComplete = function() { node.childrenRow.style.display = "none"; node.renderer.decorateNode(node, true); };
- xw.controls.Tree.util.fadeOut(node.childrenCell, 34, onComplete);
- }
- }
-
- xw.controls.DefaultCellRenderer.prototype.decorateNode = function(node, recurseUp)
- {
- node.childBranchDiv.style.height = "0px";
-
- if (node.isLeaf())
- {
- if (node.getParent() == null)
- node.branchDiv.className = this.lineBranchClass;
- else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1)
- node.branchDiv.className = this.lineEndClass;
- else
- node.branchDiv.className = this.lineBranchClass;
-
- node.iconDiv.className = this.leafClass;
- }
- else
- {
- if (node.getParent() == null)
- {
- if (node.getChildCount() > 0)
- node.branchDiv.className = node.expanded ? this.minusNoneClass : this.plusNoneClass;
- else
- node.branchDiv.className = "";
- }
- else if (node.getParent().getIndex(node) == node.getParent().getChildCount() - 1)
- {
- if (node.getChildCount() > 0)
- {
- node.branchDiv.className = node.expanded ? this.minusEndClass : this.plusEndClass;
- node.childBranchDiv.className = "";
- node.childBranchDiv.style.width = "100%";
- }
- else
- node.branchDiv.className = this.lineEndClass;
- }
- else
- {
- if (node.getChildCount() > 0)
- {
- node.childBranchDiv.className = this.lineMiddleClass;
- node.childBranchDiv.style.height = node.childBranchCell.offsetHeight + "px";
-
- node.branchDiv.className = node.expanded ? this.minusMiddleClass : this.plusMiddleClass;
- }
- else
- node.branchDiv.className = this.lineBranchClass;
- }
- node.iconDiv.className = node.expanded ? this.folderOpenClass : this.folderClosedClass;
- }
-
- if (node.getParent() && recurseUp)
- node.renderer.decorateNode(node.getParent(), true);
- }
-
- xw.controls.DefaultCellRenderer.prototype.renderSelected = function(node, selected)
- {
- node.content.className = selected ? "selected" : "unselected";
- }
-
- xw.controls.DefaultCellRenderer.prototype.renderClone = function(container, node)
- {
- var tbl = document.createElement("table");
- tbl.cellSpacing = 0;
- tbl.cellPadding = 0;
- var row = tbl.insertRow(-1);
- row.appendChild(node.iconCell.cloneNode(true));
- row.appendChild(node.contentCell.cloneNode(true));
-
- if (container.firstChild)
- container.replaceChild(tbl, container.firstChild);
- else
- container.appendChild(tbl);
- }
-}
More information about the seam-commits
mailing list