Table html et dijit.Dialog

Version imprimable

30/01/2009, 12h15
antoine_m

Table html et dijit.Dialog

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 :aie:

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.

Effectivement

Salut,

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

Code:

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:

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");
}

Bons tests et ajustements,

Emmanuel

02/02/2009, 11h05
antoine_m

Bonjour,
Merci ça marche parfaitement et c'est beaucoup plus rapide au chargement :king:
Mon problème venait aussi de comment mettre à jour mon formulaire, mais j'en suis finalement venu à bout après quelques tutos javascript :)

A bientôt