The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<title>YUI 3 gallery treeview checkbox test</title>
<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/gallery-2010.02.17-20/build/gallery-treeview/assets/skins/sam/gallery-treeview.css" />
<script src="http://yui.yahooapis.com/3.0.0/build/yui/yui-debug.js" type="text/javascript"></script>
</head>
<body class="yui-skin-sam">
<h3>Tree with highlight propagation and 'checkbox' skin</h3>
<div id="treeDiv1" class="whitebg ygtv-checkbox"></div>
<button id="logHilit">Log selected</button>
<hr/>
<h3>Tree with single node highlighting and simple skin</h3>
<div id="treeDiv2" class="whitebg ygtv-highlight"></div>
<script type="text/javascript">
YUI({
modules: {
'gallery-port': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.02.17-20/build/gallery-port/gallery-port-min.js',
requires: ['base','node']
},
'gallery-treeview': {
fullpath: 'http://yui.yahooapis.com/gallery-2010.02.17-20/build/gallery-treeview/gallery-treeview-min.js',
requires: ['node','gallery-port']
}
},
filter: 'debug',
logExclude: {
attribute: true,
event: true,
base: true,
deprecated: true,
Selector: true
}
}).use('gallery-treeview', function(Y) {
//Creating the local YAHOO copy
var YAHOO = Y.Port(),
Lang = YAHOO.lang,
Dom = YAHOO.util.Dom,
Event = YAHOO.util.Event,
Gallery = Y.apm;
//global variable to allow console inspection of tree:
var tree1, tree2;
var makeBranch = function (parent,label) {
label = label || '';
var n = Math.random() * (6 - (label.length || 0));
for (var i = 0;i < n;i++) {
var tmpNode = new Gallery.TextNode('label' + label + '-' + i, parent, Math.random() > .5);
makeBranch(tmpNode,label + '-' + i);
}
}
var treeInit = function() {
tree1 = new Gallery.TreeView("treeDiv1");
makeBranch(tree1.getRoot());
tree1.setNodesProperty('propagateHighlightUp',true);
tree1.setNodesProperty('propagateHighlightDown',true);
tree1.on('clickEvent',tree1.onEventToggleHighlight);
tree1.render();
Y.on('click', function() {
var hiLit = tree1.getNodesByProperty('highlightState',1);
if (Lang.isNull(hiLit)) {
Y.log("None selected");
} else {
var labels = [];
for (var i = 0; i < hiLit.length; i++) {
labels.push(hiLit[i].label);
}
Y.log("Highlighted nodes:\n" + labels.join("\n"), "info", "example");
}
}, '#logHilit');
tree2 = new Gallery.TreeView("treeDiv2");
makeBranch(tree2.getRoot());
tree2.singleNodeHighlight = true;
tree2.on('clickEvent',tree2.onEventToggleHighlight);
tree2.render();
};
//Add an onDOMReady handler to build the tree when the document is ready
Y.on('domready', treeInit);
});
</script>
</body>
</html>
/home/y/libexec/ant/bin/ant all Buildfile: build.xml [echo] Starting Build For gallery-treeview [echo] Ant Properties [echo] Home : /home/y/libexec/ant [echo] Ant Version : Apache Ant version 1.7.1 compiled on June 27 2008 [echo] Build File : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build.xml [echo] Local Build Properties [echo] version : 3 [echo] srcdir : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery [echo] builddir : ../../../builder/componentbuild [echo] component : gallery-treeview [echo] component.basefilename : gallery-treeview [echo] component.basedir : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview [echo] component.builddir : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp [echo] Global Build Properties [echo] global.build.base : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/build [echo] global.build.component : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/build/gallery-treeview [echo] global.build.component.assets : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/build/gallery-treeview/assets clean: init: [mkdir] Created dir: /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp -concatdebug: [echo] Concatenating [echo] Source Files : TreeView.js, Node.js, RootNode.js, TextNode.js, MenuNode.js, HTMLNode.js, TreeViewEd.js [echo] In Source Dir : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/js [echo] To : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview-debug.js [copy] Copying 7 files to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/ant [delete] Deleting directory /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/ant -registerdebug: [echo] Wrapping /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview-debug.js in YUI.add module [copy] Copying 1 file to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp -prependdebug: -appenddebug: builddebug: -createcore: [copy] Copying 1 file to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp -loggerregex: [echo] Replacing Logger Statements in /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview.js buildcore: -rollupjs: -concatskins: [echo] Concatenating [echo] Source Files : gallery-treeview-core.css, skins/sam/gallery-treeview-skin.css [echo] In Source Dir : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/assets [echo] To : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/assets/skins/sam/gallery-treeview.css [copy] Copying 2 files to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/ant [delete] Deleting directory /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/ant [echo] Running yuicompressor on /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/assets/skins/sam/gallery-treeview.css [java] [java] [INFO] Using charset UTF-8 -buildskins: -rollupcss: buildskins: build: minify: [echo] Running yuicompressor on /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview.js [java] [java] [INFO] Using charset UTF-8 [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] widget=YAHOO.widget||{}; ---> var <--- Widget=YAHOO.widget;var TV=function [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] };var Widget=YAHOO.widget; ---> var <--- TV=function(id,oConfig){TV [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] =KEY;Widget.TreeView=TV; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .maxAnim){var tree=this; ---> var <--- a=Widget.TVAnim.getAnim(this. [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .maxAnim){var tree=this; ---> var <--- a=Widget.TVAnim.getAnim(this. [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] }else{config.type="html"; ---> var <--- d=document.createElement("div");d [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] break;}}returnbranch;}; ---> var <--- markup=Y.Selector.query("#"+ [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ;}if(targetEl.id){ ---> var <--- m=targetEl.id.match(/bygtv([^d]*)(.*)/) [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] );break;caseKEY.RIGHT: ---> var <--- self=this,moveFocusRight,focusOnExpand=function( [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ._nodes.hasOwnProperty(i)){ ---> var <--- n=this._nodes[i];if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] {var values=[];for( ---> var <--- i in this._nodes){if(this [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ._nodes.hasOwnProperty(i)){ ---> var <--- n=this._nodes[i];if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] {var values=[];for( ---> var <--- i in this._nodes){if(this [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ._nodes.hasOwnProperty(i)){ ---> var <--- n=this._nodes[i];if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ){var p=node.parent; ---> var <--- a=[];for(var i= [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ;var a=[];for( ---> var <--- i=0,len=p.children. [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] removeListener(el,"keydown");for( ---> var <--- i=0;i var <--- node=this._nodes[i];if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] );returnfalse;}}); ---> var <--- PROT=TV.prototype;PROT.draw= [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ,oParent,expanded);}}; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .tree.popNode(this);} ---> var <--- refIndex=node.isChildOf(p);p [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .tree.popNode(this);} ---> var <--- refIndex=node.isChildOf(p);if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] children.slice(0);for( ---> var <--- i=0;i var <--- sibs=this.getSiblings();for( [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] =this.getSiblings();for( ---> var <--- i=0;sibs&&i var <--- type="n";if(this.hasChildren( [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] =this.children.length;for( ---> var <--- i=0;i var <--- c=this.children[i];if [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] {var sb=[];for( ---> var <--- i=0;i var <--- i=0;i var <--- expandParent=function(node){if(node [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ;}};expandParent(this); ---> var <--- root=new Y.Node(self.getEl [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] self.getEl().firstChild); ---> var <--- tds=root.queryAll("td");tds [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ,true);if(a){ ---> var <--- aRef=a._node;a.focus( [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .type=this._type;for( ---> var <--- i=0;i var <--- i=0;i var <--- RootNode=function(oTree){this._nodeinit [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ;YAHOO.widget.RootNode=RootNode; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] .setUpLabel(oData);}}; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ;this.multiExpand=false;}; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] (oData,hasIcon);}}; ---> var <--- NS=Y.namespace("apm");NS [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] ed.active=false;}}; ---> var <--- Nproto=YAHOO.widget.Node.prototype; [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] value)){returnfalse;}} ---> var <--- ret=this.tree.fire("editorSaveEvent", [java] [java] [WARNING] Try to use a single 'var' statement per scope. [java] function(value,editorData){}; ---> var <--- TNproto=YAHOO.widget.TextNode.prototype; [java] [java] [WARNING] Found an undeclared symbol: YUI [java] ---> YUI <--- .add("gallery-treeview",function(Y){ [java] [java] [WARNING] The symbol crit is declared but is apparently never used. [java] This code can probably be written in a more compact way. [java] ){var target=ev.target, ---> crit <--- ="td .ygtvrow",targetEl,pnode=target.get [java] [java] [WARNING] The symbol targetEl is declared but is apparently never used. [java] This code can probably be written in a more compact way. [java] ){var target=ev.target, ---> targetEl <--- =target._node,node=TV.editorData [java] [java] [WARNING] The symbol node is declared but is apparently never used. [java] This code can probably be written in a more compact way. [java] .target,targetEl=target._node, ---> node <--- =TV.editorData.node;if(target lint: [java] Running JSLint on : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview-debug.js [java] - OK [java] Running JSLint on : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview-min.js [java] - OK [java] Running JSLint on : /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/src/gallery-treeview/build_tmp/gallery-treeview.js [java] - OK local: deploybuild: [copy] Copying 3 files to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/build/gallery-treeview deployassets: deployskins: [copy] Copying 1 file to /home/y/var/builds/workspace/gallery-test/build_tmp/src/yui3-gallery/build/gallery-treeview/assets/skins/sam deploydocs: deploy: all: BUILD SUCCESSFUL Total time: 7 seconds
All code on this site is licensed under the BSD License unless stated otherwise.