drag and drop des ContentPane
Bonjour,
Pour l'info: j'utilise dojo 1.4.
J'ai bien créé un "dijit.layout.TabContainer" et deux onglets de type "dijit.layout.ContentPane" et j'ai affecté "dojo.dnd.Source" au TabContainer et le "dojoDndItem" pour les ContenPane, afin que je puisse faire le drag and drop des onglets entre eux, mon problème c'est que le drag and drop ça marche pas même si dans le code source de ma page je vois que vraiment le TabContainer reçoit le dojoDndSource et que les ContentPane reçoient le "dojoDndItem".
Voilà le code html qui me permet de créer mon formulaire:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;" id="tc">
<div id="onglet1" dojoType="dijit.layout.ContentPane" title="onglet1" selected="true" closable="true">
<ol dojoType="dojo.dnd.Source" id="wishlistNode" class="container">
<li class="dojoDndItem">Wrist watch</li>
<li class="dojoDndItem">Life jacket</li>
</ol>
</div>
<div id="onglet2" dojoType="dijit.layout.ContentPane" title="onglet2" >
<div id="tab2"> onglet2</div>
</div>
</div> |
et voilà le code javascript qui me permet de faire le dnd des onglets même si ça marche pas :cry:
Code:
1
2
3
4
5
6
7
8
9
|
dojo.addOnLoad(function() {
var tabContainer= dijit.byId("tc");
var source = new dojo.dnd.Source("tabContainer");
var dnd1 =dijit.byId("onglet1");
dnd1.domNode.setAttribute('class','dojoDndItem');
var dnd2 =dijit.byId("onglet2");
dnd2.domNode.setAttribute('class','dojoDndItem');
}); |
Par avance, merci beaucoup pour votre aide.
