Implementation declarative ne fonctionne pas

**Guildux** · 13/12/2010, 20h58

Bonjour,

j'utilise dojo depuis quelques semaines deja mais je n'arrive pas a creer le moindre widget dojo via la methode declarative (directemetn dans le code html, en specifiant un dojoType).

Par contre, ca fonctionne nickel pour la methode programmative ... cependant un peu lourd a gerer en terme de volume de code.

Avez vous deja rencontre ce probleme ?

**vermine** · 14/12/2010, 07h33

Bonjour,

Vous avez bien vos dojo.require ? Vous avez bien votre class dans le body ? Etc ?

Montrez-nous peut-être du code.

**Guildux** · 14/12/2010, 14h45

Voici mon index.php ... aujourd'hui, tout est crée de manière programmatique dans la fonction js init_main_tab() ... car cela ne fonctionnait pas en déclaratif :

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
<html>
	<head>
		<link href="css/style.css" type="text/css" rel="stylesheet"/>
		<style type="text/css">
			@import "js/dijit/themes/claro/claro.css";
			@import "js/dojo/resources/dojo.css";
			@import "js/dijit/tests/css/dijitTests.css";
			@import "js/dojox/grid/resources/Grid.css";
			@import "js/dojox/grid/resources/claroGrid.css";
			@import "js/dojox/grid/enhanced/resources/claroEnhancedGrid.css";
			@import "js/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css";
		</style>
	</head>
	<script type='text/javascript' src='js/dojo/dojo.js'></script>
	<script type='text/javascript' src='js/mydojo.js'></script>
	<script>
		dojo.require("dijit.layout.TabContainer");
		dojo.require("dijit.layout.ContentPane");
		dojo.require("dijit.form.Form");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.form.TextBox");
		dojo.require("dijit.form.ComboBox");
		dojo.require("dijit.form.SimpleTextarea");
		dojo.require("dijit.Editor");
		dojo.require("dijit.Dialog");
 
		dojo.require("dojox.grid.DataGrid");
		dojo.require("dojox.grid.EnhancedGrid");
		dojo.require("dojox.grid.enhanced.plugins.IndirectSelection");
		dojo.require("dojox.html.entities");
 
		dojo.require("dojo.data.ItemFileWriteStore");
		dojo.require("dojo.data.ItemFileReadStore");
 
		dojo.addOnLoad(function() {
			init_main_tab();
            });
	</script>
	<body class='claro'>
		<div id='main' class='main'>
		</div>
	</body>
</html>

**vermine** · 19/01/2011, 17h47

Pourriez-vous nous montrer un exemple de votre code lorsque vous avez essayez la méthode déclarative ?

**Guildux** · 21/01/2011, 19h49

Voici le code de la page

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
 
<html lang="fr">
 
    <head>
        <script type="text/javascript">
    	function onLoad()
        {
 
        }        	
        </script>
 
        <style type="text/css">
 
<!--
 
    @import "/Intra/Unstable/public/js/dijit/themes/claro/claro.css";
 
    @import "/Intra/Unstable/public/js/dojo/resources/dojo.css";
 
    @import "/Intra/Unstable/public/js/dijit/tests/css/dijitTests.css";
 
    @import "/Intra/Unstable/public/js/dijit/themes/claro/layout/TabContainer.css";
 
    @import "/Intra/Unstable/public/js/dijit/themes/claro/layout/ContentPane.css";
 
-->
 
</style>
 
<script type="text/javascript">
 
//<![CDATA[
 
    var djConfig = {"parseOnLoad":true};
 
//]]>
 
</script>
 
<script type="text/javascript" src="/Intra/Unstable/public/js/dojo/dojo.js"></script>
 
 
 
<script type="text/javascript">
 
//<![CDATA[
 
dojo.require("dijit.layout.TabContainer");
    dojo.require("dijit.layout.ContentPane");
dojo.addOnLoad(onLoad);
//]]>
 
 
 
</script>        
<link href="/Intra/Unstable/public/js/markitup/sets/default/style.css" media="screen" rel="stylesheet" type="text/css" />
 
<link href="/Intra/Unstable/public/js/markitup/skins/simple/style.css" media="screen" rel="stylesheet" type="text/css" />
 
<link href="/Intra/Unstable/public/js/jquery/smoothness/jquery-ui-1.8.6.custom.css" media="screen" rel="stylesheet" type="text/css" />
 
<link href="/Intra/Unstable/public/style/site.css" media="screen" rel="stylesheet" type="text/css" /><script type="text/javascript" src="/Intra/Unstable/public/js/jquery.js"></script>
 
<script type="text/javascript" src="/Intra/Unstable/public/js/jquery-ui.js"></script>
 
<script type="text/javascript" src="/Intra/Unstable/public/js/password.js"></script>
 
<script type="text/javascript" src="/Intra/Unstable/public/js/markitup/sets/default/set.js"></script>
 
<script type="text/javascript" src="/Intra/Unstable/public/js/markitup/jquery.markitup.js"></script>    </head>
 
    <body class="claro">
		<div style='width: 80%'>
 
        <div id="L_ROOT" height="50%" dojoType="dijit.layout.TabContainer"> 
<div href="/Intra/Unstable/public/" id="index/Accueil" title="Accueil" dojoType="dijit.layout.ContentPane">contenu de index/Accueil</div> 
 
<div href="/Intra/Unstable/public/elearning" id="elearning/E-Learning" title="E-Learning" dojoType="dijit.layout.ContentPane"> 
<div id="L1_elearning" dojoType="dijit.layout.TabContainer"> 
<div href="/Intra/Unstable/public/elearning/creer" id="elearning/Creer" title="Creer" dojoType="dijit.layout.ContentPane">contenu de elearning/Creer</div> 
 
<div href="/Intra/Unstable/public/elearning" id="elearning/Voir" dojoType="dijit.layout.ContentPane">contenu de elearning/Voir</div> 
</div> 
</div> 
 
 
<div href="/Intra/Unstable/public/ticket/index/type/Ticket" id="ticket/Ticket" title="Ticket" dojoType="dijit.layout.ContentPane"> 
<div id="L1_ticket" dojoType="dijit.layout.TabContainer"> 
<div href="/Intra/Unstable/public/ticket/creer" id="ticket/Creer" title="Creer" dojoType="dijit.layout.ContentPane">contenu de ticket/Creer</div> 
 
<div href="/Intra/Unstable/public/ticket/tous" id="ticket/Tous" title="Tous" dojoType="dijit.layout.ContentPane">contenu de ticket/Tous</div> 
 
<div href="/Intra/Unstable/public/ticket" id="ticket/En cours" title="En cours" dojoType="dijit.layout.ContentPane">contenu de ticket/En cours</div> 
 
<div href="/Intra/Unstable/public/ticket/close" id="ticket/Historique" dojoType="dijit.layout.ContentPane">contenu de ticket/Historique</div> 
</div> 
</div> 
 
     </div> 
  </div>    
</body>
 
</html>

**Guildux** · 26/01/2011, 21h59

Bon... ça y est... j'ai trouvé... et pour le coup, la chance fut mon amie.

Je viens de découvrir qu'en méthode déclarative, il faut impérativement intégrer le TabControl principal dans un ContentPane, chose que je ne faisais pas en implémentation programmatique (mais peut-être le faisait-il lui même...).

Bon ben problème résolu.

**vermine** · 29/01/2011, 22h08

Merci pour la réponse et désolé pour ma disparition. J'étais en vacances.

Implementation declarative ne fonctionne pas [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager