jQuery DataTable les pages autres que la première ne fonctionnent pas

Bonjour,

Avez-vous déjà eu le soucis qu'a partir de la deuxième page d'une dataTable en jQuery les boutons ne fonctionne plus ?

Sur la première page quand je clique sur mon petit bouton supprimer une popup apparait ("Etes vous sur..")
Sur la deuxième page rien..

Des avis, des réponses ?

Car pour le moment je ne trouve pas l'erreur..

Cordialement

Bonjour,
il y a de multiple façon d'utiliser les dataTable et sans plus d'indication il va nous être difficile de t'aider. Aurais tu un code représentatif de ton soucis ou une page en ligne à nous soumettre ?

Bonjour,

Le code qui ne fonctionne pas est :
Code:

1 2 3 4 5 6 7 $('[id$="btnSupprimer"]').unbind('click').bind('click', function () { if (confirm("Confirmez-vous le traitement de cette alerte?")) { } else { return false; }; });
Le bouton fonctionne sur la première page mais plus à partir de la deuxième page.

• Pourquoi ce « unbind...bind », tu annules une première gestion d'événement ?
• Le bouton existe t-il dans ta deuxième page sans avoir été modifié/rechargé ?
• Tu n'as pas un exemple en ligne ?

Je débute en jQuery et effectivement je sais pas trop pourquoi j'ai mis cela.
Oui le bouton existe sur la deuxième page mais rien ne se passe quand je clique dessus je ne peux pas vous mettre d'exemple mais je vous met tout le code :

jQuery :

Code:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
//***********************
// PARAMETRAGE DU TABLEAU
//***********************
 
var table = $('#datatable').dataTable({
    language: {
        "sProcessing": "Chargement en cours",
        "sLengthMenu": "Afficher _MENU_ lignes par page",
        "sZeroRecords": "Aucun enregistrement",
        "sInfo": "Affichage de la ligne _START_ à  _END_ sur _TOTAL_",
        "sInfoEmpty": "",
        "sInfoFiltered": "(_MAX_ total)",
        "sSearch": "Rechercher : ",
        "oPaginate": { "sFirst": "Première page", "sPrevious": "Page précédente", "sNext": "Page suivante", "sLast": "Dernière page" }
    },
    columns: [
    { "orderable": true },
    { "orderable": true },
    { "orderable": true },
    { "orderable": true },
    { "orderable": true },
    { "orderable": true },
    { "orderable": false },
    { "orderable": false }
    ],
});
 
 
//******************************
// MODIFICATION D'UN DEFIBRILLATEUR
//******************************     
$('[id$="btnModifier"]').unbind('click').bind('click', function () {
 
    var IDDef = $(this).parent().attr("id");
    var IDClient = $(this).parent().attr("title");
 
    window.location = 'detail.aspx?Res=' + IDDef + '&ResC=' + IDClient;
 
});
 
//*****************************
// SUPPRESSION D'UN DEFIBRILLATEUR
//*****************************
$('[id$="btnSupprimer"]').unbind('click').bind('click', function () {
 
    if (confirm('Confirmez-vous la suppression du défibrillateur ?')) {
 
        var UserDeleteID = $(this).parent().attr("id");
 
        $.ajax({
 
            url: "liste.aspx",
            type: "POST",
            data: {
                action: "Delete",
                ID: UserDeleteID
            },
 
            success: function (response) {
 
                if (response.d = "success") {
                    window.location = "liste.aspx";
                }
            },
 
        });
 
    } else { return false; };
 
});
 
$('#menu_def').hide();
 
$('[id$="btn_Menu"]').unbind('click').bind('click', function () {
 
    if ($('[id$="hfMenu"]').val() == "Ouvert") {
 
        $('[id$="hfMenu"]').val("Fermé")
        $('#menu_def').hide();
 
    } else {
 
        $('[id$="hfMenu"]').val("Ouvert")
        $('#menu_def').show();
 
    }
 
});

ASP NET

Code:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<%--******************--%>
<!-- DEBUT DE LA TABLE-->
<%--******************--%>
<div style="margin-left: 100px; margin-right: 100px; margin-top: 10px;">
    <br />
    <h1 style='color: rgb(68, 68, 68); text-transform: uppercase; font-size: 20px; font-family: "Oswald",sans-serif;'>Gestion des défibrillateurs</h1>
    <h2 style='color: rgb(253, 138, 23); text-transform: uppercase; font-family: "Oswald",sans-serif; font-size: 16px;'>Liste des défibrillateurs</h2>
    <br />
    <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
        <HeaderTemplate>
            <table id="datatable" class="display">
                <thead>
                    <tr>
                        <th>
                            Société
                        </th>
                        <th>
                            Nom
                        </th>
                        <th>
                            Prenom
                        </th>
                        <th>
                            Marque
                        </th>
                        <th>
                            Type
                        </th>
                        <th>
                            Numéro de série du défibrillateur
                        </th>
                        <th style="width:20px">
                        </th>
                        <th style="width:20px">
                        </th>
                    </tr>
                </thead>
        </HeaderTemplate>
 
        <ItemTemplate>
            <tr>
                <td>
                    <%#Container.DataItem("Societe") %>
                </td>
                <td>
                    <%#Container.DataItem("Nom") %>
                </td>
                <td>
                    <%#Container.DataItem("Prenom") %>
                </td>
                <td>
                    <%#Container.DataItem("MarqueDef") %>
                </td>
                <td>
                    <%#Container.DataItem("TypeDef") %>
                </td>
                <td>
                    <%#Container.DataItem("NumeroDef") %>
                </td>
                <td>
                    <div title="<%#Container.DataItem("IDClient") %>" id="<%#Container.DataItem("ID") %>">
                        <button type="button" id="btnModifier" class="btn btn-default" aria-label="Left Align">
                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                        </button>                   
                    </div>
                </td>
                <td>
                    <div title="Supprimer" id="<%#Container.DataItem("ID") %>">
                        <button type="button" id="btnSupprimer" class="btn btn-default" aria-label="Left Align">
                            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                        </button>
                    </div>
                </td>
            </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
    </asp:Repeater>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ProviderName="MySql.Data.MySqlClient"></asp:SqlDataSource>
 
    <asp:Button ID="btnExport" runat="server" Text="Exporter la liste sous Excel" style='color: rgb(253, 138, 23); text-transform: uppercase; font-size: 15px; font-family: Oswald,sans-serif;'/>
    <asp:Button ID="btnAjout" runat="server" Text="Ajouter un défibrillateur" style='color: rgb(68, 68, 68); text-transform: uppercase; font-size: 15px; font-family: Oswald,sans-serif;'/>
    <asp:HiddenField ID="hfID" runat="server" />
</div>
 
</form>
<%--****************--%>
<!-- FIN DE LA TABLE-->
<%--****************--%>

Je vous remercie de votre aide.

Cordialement