css/attributs lorsque plusieurs boutons ouvrent le même ui dialog

Invité · 10/07/2013, 14h23

Bonjour,
J'ai un UI dialog étant ouvert par plusieurs boutons dans ma page. Chaque bouton envoyant un id unique a la page générant le contenu du dialog.

Voici comment je crée une popup :

Code html :

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

<div id="GestionDialog"></div>

Code js :

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
$(function () {
   var GestionDialog = $("#GestionDialog").dialog({
      autoOpen: false,
      title: "Gerer",
      width: 700,
      height: 700,
      modal: true,
      buttons: {
         "Fermer": function () {
            $("#GestionDialog").dialog("close");
         }
      }
   });
});
//les boutons sont refresh régulierement du coup =>
function UpdateButtons() {
$(".OpenGestionDialog").each(function () {
      $(this).button().click(function () {
         $("#GestionDialog").load("/Home/GetPopUp?Open=" + $(this).attr("url_data"));
         $("#GestionDialog").dialog(GestionDialog).dialog("option", "title", "Gérer");
         $("#GestionDialog").dialog(GestionDialog).dialog("open");
      })
   });
});

Comme vous pouvez le voir je spécifie le titre a l'initialisation du dialog, puis au moment de l'ouverture... peu importe, dans tous les cas le titre ne s'affiche pas et les dimensions width: 700, height: 700, ne sont pas respectées. Aucun problème pour les options AutoOpen, Modal et Buttons. Le css s'appliquant sur les éléments contenus dans le dialog ne fonctionne pas non plus.

Si j'ouvre la même popup avec un seul bouton et exactement les mêmes paramètres, il n'y a aucun problème.

Euhh.... Pourquoi ?
Merci.

**SpaceFrog** · 10/07/2013, 14h33

Code :

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

1
2
3
$(this).button().click(function () {
 var urldata=$(this).attr("url_data")
         $("#GestionDialog").load("/Home/GetPopUp?Open=" + urldata);

Invité · 10/07/2013, 15h07

Malheureusement non, ça ne marche pas plus.
J'aimerais savoir pourquoi vous avez estimé que le problème pourrait venir de là.
Le JS me semble tout a fait capable d’interpréter ce genre de ligne.

**SpaceFrog** · 10/07/2013, 15h22

non le souci aurait pu provenir de la porté de this
qui dans le load n'était plus le bouton cliqué mais l'element de destination du load

**Bovino** · 10/07/2013, 15h25

Code :

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

$("#GestionDialog").dialog(GestionDialog).dialog("option", "title", "Gérer");

Il y a peut-être un .dialog() en trop là...

Code :

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

$("#GestionDialog").dialog("option", "title", "Gérer");

devrait suffire (et pour la ligne suivante aussi).

Invité · 10/07/2013, 15h26

Je ne l'ai pas précisé dans mon premier message, désolé.
~~En fait tout fonctionne parfaitement hors mi le titre de la popup et certaines propriétés css du contenu.~~
Merci beaucoup ! Le problème venait bien de là.

**SpaceFrog** · 10/07/2013, 15h26

pourquoi l'attribution du click sur les boutons est elle dans une fonction ?

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
$(function () {
   var GestionDialog = $("#GestionDialog").dialog({
      autoOpen: false,
      title: "Gerer",
      width: 700,
      height: 700,
      modal: true,
      buttons: {
         "Fermer": function () {
            $("#GestionDialog").dialog("close");
         }
      }
   });
});
//les boutons sont refresh régulierement du coup =>
 
$(".OpenGestionDialog").each(function () {
   urldata=$(this).attr("url_data");
      $(this).button().parent().on("click",function () {
         $("#GestionDialog").load("/Home/GetPopUp?Open=" + urldata);
         $("#GestionDialog").dialog(GestionDialog).dialog("option", "title", "Gérer");
         $("#GestionDialog").dialog(GestionDialog).dialog("open");
    });
});

Invité · 10/07/2013, 15h30

Les boutons sont en fait contenus dans les lignes d'un DataTable . Je refresh ce datatable a intervale régulier. Si je ne fais pas comme ça, les (UI)boutons redeviennent des boutons normaux et l'event du click n'est plus détecté.