Issue 355: Not working on IE8 or IE9 compatibility mode
Status:  Done
Owner: ----
Closed:  Oct 2013
Reported by speedri...@gmail.com, Sep 18, 2012
I am new to dynatree and just playing around with it for one of my requiremnt
1. The Tree view is not displayed in IE8 or IE9 compatibility mode.

HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="ValueManager.test" %>

<%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=9.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"
    Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="Stylesheet" href="style/VMGlobal.css" type="text/css" />
    <script src="TreeView_Resource/jquery/jquery.js" type="text/javascript"></script>
    <script src="TreeView_Resource/jquery/jquery-ui.custom.js" type="text/javascript"></script>
    <script src="TreeView_Resource/jquery/jquery.cookie.js" type="text/javascript"></script>
    <link href="TreeView_Resource/src/skin/ui.dynatree.css" rel="stylesheet" type="text/css" />
    <script src="TreeView_Resource/src/jquery.dynatree.js" type="text/javascript"></script>

    <script type="text/javascript">
    
	var treeData = [
		{title: "item1 ", tooltip: "",expand: true, },
		{title: "item2", select: false,expand: true, },
		{title: "Folder", key: "id3",expand: true,
			children: [
				{ title: "Sub-item 3.1", expand: true,
					children: [
						{title: "Sub-item 3.1.1", key: "id3.1.1" },
						{title: "Sub-item 3.1.2", key: "id3.1.2" }
					]
				},
				{ title: "Sub-item 3.2", expand: true,
					children: [
						{title: "Sub-item 3.2.1", key: "id3.2.1" },
						{title: "Sub-item 3.2.2", key: "id3.2.2" }
					]
				}
			]
		},
		{title: "Document", key: "id4", expand: true,
			children: [
				{title: "Sub-item 4.1", activate: false, expand: true,
					children: [
						{title: "Sub-item 4.1.1", key: "id4.1.1" },
						{title: "Sub-item 4.1.2", key: "id4.1.2" }
					]
				},
				{title: "Sub-item 4.2", select: false, expand: true,
					children: [
						{title: "Sub-item 4.2.1", key: "id4.2.1" },
						{title: "Sub-item 4.2.2", key: "id4.2.2" }
					]
				},
				{title: "Sub-item 4.3 ", hideCheckbox: false },
				{ title: "Sub-item 4.4 ", unselectable: false }
			]
		}
	];
	$(function(){
		$("#tree2").dynatree({
			checkbox: true,
			selectMode: 2,
			children: treeData,
			onSelect: function(select, node) {
				// Display list of selected nodes
				var selNodes = node.tree.getSelectedNodes();
				// convert to title/key array
				var selKeys = $.map(selNodes, function(node){
					   return "[" + node.data.key + "]: '" + node.data.title + "'";
				});
				$("#echoSelection2").text(selKeys.join(", "));
			},
			onClick: function(node, event) {
				// We should not toggle, if target was "checkbox", because this
				// would result in double-toggle (i.e. no toggle)
				if( node.getEventTargetType(event) == "title" )
					node.toggleSelect();
			},
			onKeydown: function(node, event) {
				if( event.which == 32 ) {
					node.toggleSelect();
					return false;
				}
			},
			// The following options are only required, if we have more than one tree on one page:
			cookieId: "dynatree-Cb2",
			idPrefix: "dynatree-Cb2-"
		});
	});
    
    </script>
    <script type="text/javascript">
        function LoadData() {
            PageMethods.getTreeViewData(OnLoadDataComplete);
        }
        function OnLoadDataComplete(result) {
            debugger;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"
        EnablePageMethods="true" LoadScriptsBeforeUI="false" ScriptMode="Release" />   
  
    <div id="tree2">
    </div>
    <div>
        Selected keys: <span id="echoSelection2">-</span></div>
        <input type="button" value="Load Data" onclick="LoadData();" />
    </form>
</body>
</html>


What is the expected output? What do you see instead?
The tree is not displayed at all

What version of the dynatree and jQuery are you using? latest
On what operating system and browser? Windows 7, IE8

What DOCTYPE declaration are you using?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Sep 18, 2012
Project Member #1 moo...@wwwendt.de
Hi,
can you reproduce this with the online examples?
I tried and it looked ok.
Any helpful messages in the browser console ([F12])?

Status: Waiting
Oct 6, 2013
Project Member #2 moo...@wwwendt.de
Closing 'Waiting' issues without timely answer
Status: Done
May 2, 2014
Project Member #3 moo...@wwwendt.de
Cleanup Scrumboard
Labels: Milestone-Release2.0