wie " Ereignis hinzufügen Klicken Sie für dynamischen tr in Tabelle

ich habe eine html Tabelle und fügen Sie in der Tabelle Zeile in der Laufzeit. ich möchte hinzufügen, um die neue tr(dynamic tr) hinzufügen ClickEvent
Schreibe ich diesen code, aber es ist nicht die Arbeit

$("#GridView1 tbody tr").klicken Sie(function (e) {

                var id = $(this).find(".lbl").text();
                workOrderId = id;
                // $("#gridtbl tr").remove();
                $.ajax({
                    url: "PublicHandler.ashx",
                    contentType: "application/json; charset=utf-8",
                    data: { workOrderId: id },
                    success: function (data) {
                        var grd = $("#gridtbl");
                        $.each(data, function (i, b) {
                            var str = "<tr>";
                            str += "<td style='display: none;'>" + b.WorkId + "</td>";
                            str += "<td>" + b.WorkName + "</td>";
                            str += "<td>" + b.SectionName + "</td>";
                            str += "<td>" + b.SectionSupervisor + "</td>";
                            if (b.RequestCount == null) {
                                str += "<td>" + " " + "</td>";
                            } else {
                                str += "<td>" + b.RequestCount + "</td>";
                            }

                            str += "<td>" + " " + "</td>";

                            str += "</tr>";
                            $(str).click(function () {
                                alert("hiiiiiiiiiii");

                            }).end().appendTo("#gridtbl tr");
                            //grd.append(str);

                        });
                    },
                    dataType: "json"

                });
                popup(e);
            });

Sie verwenden müssen .on() (jQuery 1.7+) oder .delegate()

InformationsquelleAutor Pouya | 2011-12-07

jquery

7

können Sie delegieren
```
$("#GridView1 tbody").delegate("tr", "click", function(e) {
  //rest of the code here
});
```
oder in letzter Zeit in jquery 1.7 können Sie
```
$("#GridView1 tbody").on("click", "tr", function(e){
    //rest of the code here
});
```
wie bereits erwähnt in den Kommentaren von @Matt die live Methode ist veraltet Ihrer besser nicht, zu verwenden, aber das überlasse ich dem Beispiel intakt
```
  $("#GridView1 tbody tr").live("click",function (e) {
```
Sie sollten sich wohl Leben, da es veraltet ist.

InformationsquelleAutor Rafay
1

verwenden Sie die folgenden stattdessen $("#GridView1 tbody tr").live("click" ,function (e)

Bitte ein Beispiel,danke

InformationsquelleAutor Kamran Ali
1

Ich würde vorschlagen, unverbindlich ein click-Ereignis zu jedem tr, die Sie hinzufügen, aber ein Blick auf die delegate-Funktion.

Lesen Sie mehr über delegieren hier.

Auch Leute, die darauf hindeuten könnten Leben, würde ich nicht empfehlen. Da in Ihrem Beispiel, Sie wollen immer binden innerhalb der Tabelle (die eine einzigartige Id), also, anstatt selbst zu hören, um den Körper (das Leben an sich bindet), die Sie binden können (delegieren) auf den Tisch.

InformationsquelleAutor jeffreydev
0

Wenn Sie Hinzugefügt haben, "Dynamische Tabelle" ..dann benutzen Sie folgenden code um die Zeile der Daten in der Zeile klicken.
Hinweis:Sie können verwenden, Klasse-name oder-Id, Name der Tabelle, Zeile anstelle von 'tr'.
```
  $("body").on('click', 'tr', function () 
   {
          var Name = $(this).find('td:first').text();
          alert(Name);
   });
```
InformationsquelleAutor Amit Ghave

Können Sie es erreichen, wie dies auch.

$.each(data, function (i, b) {
    $tr = $('<tr />', {
        id : <tr_id>,
        on : {
            click : function (e) {
                //here goes the click event logic
            }
        }
    }).appendTo("#gridtbl");
});

InformationsquelleAutor Haridarshan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.