Task List
The check boxes have three states:
unchecked, partially checked (some sub-tasks are finished), checked (all sub-tasks complete)
Expand all
Collapse all
Check all
Uncheck all
var tree;
var nodes = new Array();
var nodeIndex;
function treeInit() {
buildRandomTextNodeTree();
}
function buildRandomTextNodeTree() {
tree = new YAHOO.widget.TreeView("treeDiv1");
for (var i = 0; i < Math.floor((Math.random()*4) + 3); i++) {
var tmpNode = new YAHOO.widget.TaskNode("task-" + i, tree.getRoot(), false);
tmpNode.onCheckClick = onCheckClick;
buildRandomTextBranch(tmpNode);
}
tree.draw();
// tree.checkClickEvent.subscribe(onCheckClick);
}
var callback = null;
function buildRandomTextBranch(node) {
if (node.depth < 5) {
YAHOO.log("buildRandomTextBranch: " + node.index);
for ( var i = 0; i < Math.floor(Math.random() * 4) ; i++ ) {
var tmpNode = new YAHOO.widget.TaskNode(node.label + "-" + i, node, false);
tmpNode.onCheckClick = onCheckClick;
buildRandomTextBranch(tmpNode);
}
} else {
// tmpNode = new YAHOO.widget.TaskNode(node.label + "-" + i, node, false, true);
}
}
// function onCheckClick(eventType, args, tree) {
//var node = args[0];
function onCheckClick(eventType, args, tree) {
var node = this;
YAHOO.log(node.label + " check was clicked, new state: " +
node.checkState);
}
function showTreeState() {
var out = [];
for (var i in tree._nodes) {
var n = tree._nodes[i];
if (n && "undefined" != typeof n.checkState) {
out.push(n.data + ": " + n.checkState);
}
}
alert(out.join("\n"));
}
function checkAll() {
var topNodes = tree.getRoot().children;
for(var i = 0; i <= topNodes.length; ++i) {
topNodes[i].check();
}
}
function uncheckAll() {
var topNodes = tree.getRoot().children;
for(var i = 0; i <= topNodes.length; ++i) {
topNodes[i].uncheck();
}
}
function showJSON() {
alert(JSON.stringify(tree._nodes));
}
//YAHOO.util.Event.on("showButton", "click", showTreeState);
// YAHOO.util.Event.on("showButton", "click", showJSON);