Discussion :

[Invité]

Bonjour,

J'ai ce bout de code qui s'appel en boucle lors d'un seul click sur l'élement concerné:

Code js :

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

1
2
3
4
5
6
7
8
9
10
11
12
      $("#TopTable tbody tr").on('click', function (e) {
         $.ajax({
            url: "Home/SetSelectedIndex",
            data: { index: this.rowIndex },
            cache: false,
            type: "GET",
            timeout: 10000,
            success: function (result) {
               RefreshTable("#BotTable", "/Home/GetBotTable", "bot");
            }
         });
      });

Quelqu'un saurait comment éviter cela ?
Merci.

[SpaceFrog]

il n'y a pas de raison particulière dans le code que tu nous montre...

que fait RefreshTable ?

[Invité]

J'utilise le pluggin Datatable. Pour refresh mes deux tableaux (top et bot), j'utilise ces fonctions:

Init click

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
25
26
27
28
29
 
function ClickHandling(table) {
   if (table == "top") {
      $("#TopTable tbody tr").on('click', function (e) {
         $.ajax({
            url: "Home/SetSelectedIndex",
            data: { index: this.rowIndex },
            cache: false,
            type: "GET",
            timeout: 10000,
            success: function (result) {
               RefreshTable("#BotTable", "/Home/GetBotTable", "bot");
            }
         });
      });
   }
   else if (table == "bot") {
      $('#BotTable tbody tr').on('dblclick', function () {
         $.ajax({
            url: "Home/ChangeState",
            data: { index: this.rowIndex },
            type: "GET",
            success: function (result) {
               RefreshTable("#BotTable", "/Home/GetBotTable", "bot");
            }
         });
      });
   }
}

Refresh table

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
function RefreshTable(tableId, urlData, bar) {
   if (CanRefresh) {
      $.ajax({
         url: urlData,
         data: {},
         cache: false,
         type: "GET",
         timeout: 10000,
         success: function (result) {
            table = $(tableId).dataTable();
            table.fnDraw();
            if (bar == "top")
               UpdateProgressBar(result);
            else
               UpdateStateProgressBar(result);
 
            ClickHandling(bar);
 
         }
      });
   }
}

Lorsque je click sur une ligne du tableau d'en haut (master) j'appel SetSelectedIndex qui mémorise l'index de la ligne sur laquelle j'ai cliké.
En suite dans le success j'appel RefreshTable pour la table du bas (esclave) qui va chercher les informations grace à l'index selectionné via GetBotTable.
En suite je rafraichit mes progressbas et réinitialise l'évenement de click.

En plaçant des breakpoints dans le code je me suis rendu compte que SetSelectedIndex n'est jamais appelé alors que GetBotTable oui.

[danielhagnoul]

Gestionnaires d'événements dans une fonction !

Chaque fois que la fonction ClickHandling(table) est appelée, vous créez un nouveau gestionnaire d'événement "click" ou "dblclick" !

[Invité]

Hmmmm oui ^^'
Mais sans cela, ça ne fonctionne pas
L'evenement n'est pas détecté.

[SpaceFrog]

délégation d'evenement avec on() ou delegate() ...