ext js 4 beta et asynctreenode

Bonjonr

voici mon code qui tente de créer un treepanel:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 
 
<html>
<head>
<title>Complex Layout</title>
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<style type="text/css">
p {
    margin:5px;
}
.settings {
    background-image:url(../shared/icons/fam/folder_wrench.png);
}
.nav {
    background-image:url(../shared/icons/fam/folder_go.png);
}
.info {
    background-image:url(../shared/icons/fam/information.png);
}
</style>
 
 
 
 
<script type="text/javascript" src="../../bootstrap.js"></script> 
<script type="text/javascript" src="../../src/tree/TreePanel.js"></script> 
 
 
 
 
<script type="text/javascript">
 
 
 
 
 
 
 
    Ext.onReady(function() {
 
 
 
	var monTreePanel = new Ext.tree.TreePanel({
        renderTo:"couches",
        root: new Ext.tree.AsyncTreeNode({
            text: 'Racine',
            children: [{
                    text: 'Menu Option 1',
                    leaf: true //pas de sous noeud
                }, {
                    text: 'Menu Option 2',
                    leaf: true
                }, {
                    text: 'Menu Option 3',
                    leaf: true
            }]
         })
    });
	monTreePanel.show();
 
 
 
})
 
 
    </script>
</head>
<body>
 
	  <div id="couches" style=" valign:top;   width: 30%; "></div>
 
 
 
</body>
</html>

mais j'ai une exception :

Code:

1
2
3
4
 
Erreur*: Ext.tree.AsyncTreeNode is not a constructor
Fichier Source*: file:///C://ext-4.0-beta2/examples/layout/test.html
Ligne*: 53

Savez-vous d'où ca vient? faut il charger une library speciale?

merci d'avance