[Dojo] Could not load class dijit/layout/BorderContainer

Could not load class dijit/layout/BorderContainer

Bonjour,

Je débute avec dojo, j'ai donc suivi un exemple :
http://livedocs.dojotoolkit.org/dijit/layout

Cela marche sans problème...

Maintenant si j'utilise le src 1.7.2 que j'ai télécharger sur mon serveur domino, j'ai une erreur :

Citation:

Could not load class 'dijit/layout/BorderContainer

Si je regarde avec firebug, le dojo.js se charge bien avec un tractopelle de js et css...

Je n'arrive pas à comprendre pourquoi cela ne marche pas...

Le fichier est à la racine du serveur et contient le code suivant :

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
<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href="./dojo-release-1.7.2-src/dijit/themes/claro/claro.css">
<script src='./dojo-release-1.7.2-src/dojo/dojo.js' data-dojo-config='parseOnLoad: true'></script><script>require(["dojo/parser", "dijit/layout/BorderContainer", "dijit/layout/TabContainer", "dijit/layout/AccordionContainer", "dijit/layout/ContentPane", "dijit/layout/AccordionPane"]);</script>
</head>
<body class="claro">
    <div data-dojo-type="dijit/layout/BorderContainer" style="width: 100%; height: 100%;">
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">Top pane</div>
     <div data-dojo-type="dijit/layout/AccordionContainer" data-dojo-props="region:'leading'">
          <div data-dojo-type="dijit/layout/AccordionPane" title="pane #1">accordion pane #1</div>
          <div data-dojo-type="dijit/layout/AccordionPane" title="pane #2">accordion pane #2</div>
          <div data-dojo-type="dijit/layout/AccordionPane" title="pane #3">accordion pane #3</div>
     </div>
     <div data-dojo-type="dijit/layout/TabContainer" data-dojo-props="region:'center'">
          <div data-dojo-type="dijit/layout/ContentPane" title="tab #1">tab pane #1</div>
          <div data-dojo-type="dijit/layout/ContentPane" title="tab #2">tab pane #2</div>
          <div data-dojo-type="dijit/layout/ContentPane" title="tab #3">tab pane #3</div>
     </div>
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'trailing'">Trailing pane</div>
     <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'">Bottom pane</div>
</div>
</body>
</html>

Avez-vous une idée ?

bon, il semble que si je modifie légèrement le code en changeant les:
data-dojo-type="dijit/layout/AccordionPane"
en data-dojo-type="dijit.layout.AccordionPane"
je n'ai plus l'erreur par contre cela ne marche pas ... je dois supprimer la balise <div data-dojo-type="dijit/layout/BorderContainer" style="width: 100%; height: 100%;"> pour voir les accordeons et le reste ...

d'où mes 2 questions suivantes:

pourquoi cela marche avec les fichiers en ligne?
pourquoi cela n'affiche pas avec le bordercontainer?

je suis en mode brasse coulé là :cry:

bonjour,

ça fonctionne en mettant par exemple :
Code:

1 2 <div data-dojo-type="dijit.layout.BorderContainer" style="width: 600px; height: 300px;">
ou bien
il faut définir une dimension en px sur le body et à ce moment on peut laisser 100% sur width et height.

merci :ccool: