The problem is our tree does nothing but stand around looking beautiful. Nothing wrong with that. Normally, though, you'd want some kind of action to occur when the node is clicked. To do this, you can use the TreeSelector Widget.

TreeSelector is a widget without a UI. You use it as a placeholder for connecting the tree to various Javascript actions. This makes it easy to construct many trees, and connect them to the same actions.

<script>
	dojo.addOnLoad(function() {
		dojo.event.topic.subscribe("nodeSelected",
			 function(message) { alert(message.node.title+" selected"); }
		);
	});
</script>

<div dojoType="TreeSelector" widgetId="tSelector" eventNames="select:nodeSelected" ></div>

<div dojoType="Tree"  selector="tSelector" >
  <div dojoType="TreeNode" title="Item 1">
    <div dojoType="TreeNode" title="Item 1.1" ></div>
  <div dojoType="TreeNode" title="Item 2">
</div>

When you click on a node, an alert box will pop up with the name you selected.