ext js 4 beta et asynctreenode

mapmip · 13/04/2011, 12h31

Bonjonr

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

la_spi_man · 27/04/2011, 23h10

Vu que sencha à réorganiser sa philosophie sur ce framework, vaut mieux lire tout ce qui concerne la V 4.0.

En ce qui concerne l'utilisation d'un treePanel dans la version 4, selon le nouveau modèle, ça donnerait ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
var store = Ext.create('Ext.data.TreeStore', {
    root: {
        expanded: true, 
        text:"",
        user:"",
        status:"", 
        children: [
            { text:"detention", leaf: true },
            { text:"homework", expanded: true, 
                children: [
                    { text:"book report", leaf: true },
                    { text:"alegrbra", leaf: true}
                ]
            },
            { text: "buy lottery tickets", leaf:true }
        ]
    }
});     
 
Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,        
    renderTo: Ext.getBody()
});

Ah oui, la connaissance du modèle MVC est fortement recommandé pour la version 4.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email