Opened 14 years ago

Closed 14 years ago

Last modified 12 years ago

#443 closed defect (fixed)

A TreeNode doesn't show its children when it collapsed.

Reported by: tinh.truong@… Owned by: anonymous
Priority: high Milestone:
Component: Widgets Version: 0.2
Keywords: TreeNode Cc: tinh.truong@…
Blocked By: Blocking:

Description

I've created a SplitPane? and put into it 2 trees. There is TreeNode? (in my sample code is the TreeNode? with the title Item 1.1) which has 2 children, but when it collapsed (by click on the + sign) the +sign turn into the '-' sign and it didn't show it children. Here is all my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<script type="text/javascript" src="script/dojo-0.2.2-ajax/dojo.js"></script>
<script type="text/javascript">
	dojo.require("dojo.lang.*");
	dojo.require("dojo.widget.*");
	dojo.require("dojo.widget.Tree");
	dojo.require("dojo.widget.SplitPane");
	dojo.require("dojo.widget.LayoutPane");
	dojo.require("dojo.widget.ContentPane");
	dojo.hostenv.writeIncludes();
</script>
</head>
<body>
<div dojoType="LayoutPane" layoutChildPriority='top-bottom'
	style="width: 100%; height: 100%;">
	<div dojoType="ContentPane" 
		layoutAlign="top" 
		style="background-color: #274383; color: white;">
		top bar
	</div>
	<div dojoType="ContentPane" 
		layoutAlign="bottom" 
		style="background-color: #274383; color: white;">
		bottom bar
	</div>
	<div dojoType="SplitPane"
		orientation="horizontal"
		sizerWidth="5"
		activeSizing="0"
		layoutAlign="client"
		sizeMin="50"
		sizeShare="80"
	>
		<!-- The Tree View on the left-->
		<div dojoType="Tree" 
			showRootGrid="true"
			showGrid="true" 
			toggle="wipe" 
			toggleDuration="500"
			sizeMin="20" 
			sizeShare="20">
			<div dojoType="TreeNode" title="Item 1">
				<div dojoType="TreeNode" title="Item 1.1">	
					<div dojoType="TreeNode" title="Item 1.2"></div>
					<div dojoType="TreeNode" title="Item 1.3"></div>
				</div>
			</div>
			<div dojoType="TreeNode" title="Item 2" childIconSrc="script/dojo-0.2.2-ajax/src/widget/templates/images/treenode_node.gif">
				<div dojoType="TreeNode" title="Item 2.1"></div>
				<div dojoType="TreeNode" title="Item 2.2"></div>
				<div dojoType="TreeNode" title="Item 2.3"></div>
				<div dojoType="TreeNode" title="Item 2.4"></div>
				<div dojoType="TreeNode" title="Item 2.5"></div>
			</div>
			<div dojoType="TreeNode" title="Item 3"></div>
		</div>		
		<!-- The Tree View on the right-->
		<div dojoType="Tree" showRootGrid="true" showGrid="true" toggle="wipe" toggleDuration="500">
			<div dojoType="TreeNode" title="Item 1">
				<div dojoType="TreeNode" title="Item 1.1">	
					<div dojoType="TreeNode" title="Item 1.2"></div>
					<div dojoType="TreeNode" title="Item 1.3"></div>
				</div>
			</div>
			<div dojoType="TreeNode" title="Item 2" childIconSrc="script/dojo-0.2.2-ajax/src/widget/templates/images/treenode_node.gif">
				<div dojoType="TreeNode" title="Item 2.1"></div>
				<div dojoType="TreeNode" title="Item 2.2"></div>
				<div dojoType="TreeNode" title="Item 2.3"></div>
				<div dojoType="TreeNode" title="Item 2.4"></div>
				<div dojoType="TreeNode" title="Item 2.5"></div>
			</div>
			<div dojoType="TreeNode" title="Item 3"></div>
		</div>
	</div>
</div>
</body>
</html>

I'm using Fedora Core 4 with Firefox 1.5.0.

Change History (2)

comment:1 Changed 14 years ago by ilia

Resolution: fixed
Status: newclosed

Try EditorTree? , it should suit your needs...

comment:2 Changed 12 years ago by (none)

Milestone: 0.2.2release

Milestone 0.2.2release deleted

Note: See TracTickets for help on using tickets.