Table html et dijit.Dialog

**antoine_m** · 30/01/2009, 12h15

Bonjour,

J'affiche dans une table html des données issues d'une base de données (en php/mySql). En cliquant sur une ligne de cette table, j'ouvre une dijit.Dialog qui contient un formulaire me permettant de modifier ces données ; pour ce faire, je génère autant de dijit.Dialog (avec autant de formulaires) que j'ai de lignes dans ma table : ça marche bien mais ça me parait bien lourd

Y'a t'il un moyen de ne générer qu'une seule dijit.Dialog et de lui passer les données suivant la ligne de la table html cliquée?

Merci par avance

PS : je ne souhaite pas utiliser de grid Dojox et je suis un peu débutant là dessus.

**emmanuel.remy** · 31/01/2009, 01h12

Salut,

Fais simple: tu crées une div dans laquelle tu mets ton formulaire et tout le tintouin. Appelons cette div formulaire

Code :

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

1
2
3
4
5
6
7
 
	<div id="formulaire" style="display: none;">
		<form>
		<input>
		<br>
                ...
        </div>

Quand tu veux creer ton Dialog, tu peux le faire via un script JS:

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
 
var monDialog;
function displayDialog() {
     var formulaire = dojo.byId('formulaire');
     //tu insères ici la mise à jour du formulaire pour afficher les données de la ligne sélectionnée
 
    //....
 
   //si il n'existe pas de fenetre dialog...
   if(!monDialog){	
	//on crée le dialog basé sur "formulaire" autrement dit dojo va créer
        //u dialog dont le contenu sera le noeud "formulaire"
       monDialog = new dijit.Dialog({
    			        id: "dialogMysql",
				refocus:false,
				title: "Ligne data MySQL"
			},formulaire);
   }
   //et on affiche...
   setTimeout(function(){ monDialog.show(); },"1000");
}