www.pudn.com > Treeview.zip > demoCheckboxNodes.js, change:2004-04-10,size:3162b


// You can find general instructions for this file here: 
// http://www.treeview.net 
// Intructions on how to add checkboxes to a tree are only provided in this file. 
 
USETEXTLINKS = 1   
STARTALLOPEN = 0 
HIGHLIGHT = 0 
PRESERVESTATE = 1 
USEICONS = 0 
 
// In this case we want the whole tree to be built, 
// even those branches that are closed. The reason is that 
// otherwise some form elements might not be built at all 
// before the user presses "Get Values" 
BUILDALL = 1 
 
// This configuration file is used to demonstrate how to add checkboxes to your tree. 
// If your site will not display checkboxes, pick a different configuration file as  
// the example to follow and adapt. 
 
// Notes: 
// If you are going to set USEICONS = 1, then you will want to edit the gif files and  
// remove the white space on the right 
 
 
// Auxiliary functions for the contruction of the tree 
// You will mcertainly want to change these functions for your own purposes 
 
// If you want to add checkboxes to the folder you will have to create a function  
// similar to this one to do that and call it below in the tree construction section 
 
// These functions are directly related with the additional JavaScript in the  
// page holding the tree (demoCheckbox.html), where the form handling code 
// resides 
function generateCheckBox(parentfolderObject, itemLabel, checkBoxDOMId) { 
	var newObj; 
 
	// Read the online documentation for an explanation of insDoc and gLnk, 
    // they are the base of the simplest Treeview trees 
	newObj = insDoc(parentfolderObject, gLnk("R", itemLabel, "javascript:parent.op()")) 
 
    // The trick to show checkboxes in a tree that was made to display links is to  
	// use the prependHTML. There are general instructions about this member 
    // in the online documentation 
	newObj.prependHTML = "<td valign=middle><input type=checkbox id="+checkBoxDOMId+"></td>" 
} 
 
// Function similar to the above, but instead of creating checkboxes, it creates 
// radio buttons 
function generateRadioB(parentfolderObject, itemLabel, checkBoxDOMId) { 
	var newObj; 
 
	// Read the online documentation for an explanation of insDoc and gLnk, 
    // they are the base of the simplest Treeview trees 
	newObj = insDoc(parentfolderObject, gLnk("R", itemLabel, "javascript:parent.op()")) 
 
    // The trick to show checkboxes in a tree that was made to display links is to  
	// use the prependHTML. There are general instructions about this member 
    // in the online documentation 
	newObj.prependHTML = "<td valign=middle><input type=radio name=hourPick id="+checkBoxDOMId+"></td>" 
} 
 
// Construction of the tree 
 
foldersTree = gFld("Best time to try demos:", "demoCheckboxRightFrame.html") 
foldersTree.treeID = "checkboxTree" 
aux1 = insFld(foldersTree, gFld("Day of the week", "javascript:parent.op()")) 
generateCheckBox(aux1, "Monday", "BOX1") 
generateCheckBox(aux1, "Wednesday", "BOX2") 
generateCheckBox(aux1, "Friday", "BOX3") 
aux2 = insFld(foldersTree, gFld("Hour", "javascript:parent.op()")) 
generateRadioB(aux2, "10AM", "RD1") 
generateRadioB(aux2, "2PM", "RD2") 
generateRadioB(aux2, "6PM", "RD3")