Forums

Hi,

I have used Treeview Node Selection and Checkbox with database connection.
The program works if some one checks the root then the subroot is selected.

After selecting the root name, when the user selects any subroot value automaticlly main root value should change to (-) symbol, but this form is not working in the program.
Could any one help me out what is an error of my program.
I have pasted the program below.
Thanks for your help.




YAHOO.example.treeExample = function() {
function buildTree() {
//create a new tree:

tree = new YAHOO.widget.TreeView("treeContainer");
//get root node for tree:
var root = tree.getRoot();
//create data for root

var a = ["example1","ex2","ex3"];
for (i=0;i<a.length;i++)
{
var tmpNode = new YAHOO.widget.TextNode({label: a[i], customData: a[i] + "-metadata"}, root, false);
//set dynamic loading just for these top-level nodes

tmpNode.setDynamicLoad(loadNodeData);

tree.setNodesProperty('propagateHighlightUp',true);
tree.setNodesProperty('propagateHighlightDown',true);
tree.subscribe('clickEvent',tree.onEventToggleHighlight);

tree.render();




}
YAHOO.util.Event.on('logHilit','click',function() {
var hiLit = tree.getNodesByProperty('highlightState',1);
if (YAHOO.lang.isNull(hiLit)) {
alert("None selected");
} else {
var labels = [];
for (var i = 0; i < hiLit.length; i++) {
labels.push(hiLit[i].label);
}
var resultnode = labels;
Getnodes(resultnode);
//alert("Selected nodes:\n" + labels.join("\n"), "info", "example");


//YAHOO.log("Highlighted nodes:\n" + labels.join("\n"), "info", "example");
}
});

//tree.draw();
}
return {
init: function() {
buildTree();

}
};

} ();


//handler to process label clicks, to be
//assigned in our dynamic load function

function loadNodeData(node, fnLoadComplete) {

var oResults =[];
var a = new Array();
var sUrl = "tree.do?treename="+ node.label;

var callback = {
success: function(oResponse) {

YAHOO.log("XHR transaction was successful.","info", "example");

oResults = YAHOO.lang.JSON.parse(oResponse.responseText);


for (var i=0, j=oResults.bookorders.length; i<j; i++) {
var tempNode = new YAHOO.widget.TextNode(oResults.bookorders[i].assaykey, node, false);



fnLoadComplete();
}
},

failure: function(oResponse) {
YAHOO.log("Failed to process XHR transaction.", "info", "example");
oResponse.argument.fnLoadComplete();
},

argument: {
"node": node,
"fnLoadComplete": fnLoadComplete
},


timeout: 7000
};

YAHOO.util.Connect.asyncRequest('POST', sUrl, callback);
}

YAHOO.util.Event.addListener(window, "load", YAHOO.example.treeExample.init, YAHOO.example.treeExample, true);

Hi ,

Thanks for your comments.
I am very new to this forum and begginner in the programming.
I have changed the codes which you have speicified but still the problem did not get solved.
Can you check ..

The problem is, while selecting the parent node's checkbox, all the child nodes is selected.
in the same way if any one child is unchecked then parents node's CHECKBOX should change to [-] but that is not happening. still the parent node is checked.

There is no problem in the tree structure [+] and [-]. Only problem is in Checkbox.

http://pastebin.com/xFsxG6EE

i used this http://developer.yahoo.com/yui/examples/treeview/tv_highlight_clean.html example .

Thanks.

Hi,

Thanks a lot!!!!
I got it.
I have added the line loadnodedata


Its working now..



Thanks once again.