ASP.Net: Hinzufügen von clientseitigem onClick zu einem HyperlinkFeld in GridView

Question

Ich habe eine bestehende GridView, die das Feld "Partnername" enthält. Es ist nach Partnernamen sortierbar.
Jetzt muss ich das Feld "Partnername" ändern und in einer Bedingung anklickbar machen und etwas melden().

Der bestehende Code lautet:

  <asp:GridView ID="gridViewAdjustments" runat="server" AutoGenerateColumns="false" AllowSorting="True" OnSorting="gridView_Sorting" OnRowDataBound="OnRowDataBoundAdjustments" EnableViewState="true">
         <asp:BoundField DataField="PartnerName" HeaderText="Name" SortExpression="PartnerName"/>

Ich habe die Spalte hinzugefügt:

<asp:hyperlinkfield  datatextfield="PartnerName" SortExpression="PartnerName" headertext="Name" ItemStyle-CssClass="text2"/>

die es mir ermöglicht, das CSS und die Sortierung zu kontrollieren. Allerdings kann ich nicht finden, wie man eine clientseitige Javascript-Funktion hinzufügen, um es.
Ich habe festgestellt, dass das Hinzufügen von :

    <asp:TemplateField HeaderText="Edit">                                     
<ItemTemplate>
      <a id="lnk" runat="server">Edit</a>      

ermöglichen es mir, auf "lnk" über die ID zuzugreifen und seine Attribute zu ergänzen. Allerdings verliere ich die Fähigkeit zu sortieren.

Was ist die richtige Lösung für diesen Fall?
Gracias.

Answer 1

Die Lösung, die ich gefunden habe, war die Verwendung von asp:TemplateField auf diese Weise, ohne die Sortierfunktion zu verlieren, und die Verwendung des Datentextfelds mit Eval:

 <asp:TemplateField HeaderText="Name" SortExpression="PartnerName">
<ItemTemplate>
        <a onclick="javascript:alert('ok')" href="http://<%#Eval("PartnerName")%>"><%#Eval("PartnerName")%></a>
</ItemTemplate></asp:TemplateField>

Answer 2

Behandeln Sie die RowDataBound Veranstaltung. Im Ereignishandler...

private void CustomersGridView_RowDataBound(Object sender, GridViewRowEventArgs e)
{
   e.Row.Cells[0].Controls[0].Attributes.Add("onclick", "alert(‘An alert’);")
}

Sie müssen möglicherweise Folgendes ändern Controls[0] a Controls[1] .

Answer 3

Die erzeugte ClientId sieht ganz anders aus als ID, endet aber immer mit ID. Wir können ID nicht in Javascript oder Jquery verwenden, also können wir wie unten tun:

 <asp:TemplateField  SortExpression="partnername" HeaderText="Partner">
    <ItemTemplate>
      <asp:HyperLink ID="kkx" Text='<%#Eval("partnername")%>'  NavigateUrl="# runat="server">
      </asp:HyperLink>
    </ItemTemplate>
    </asp:TemplateField>

Dann in Jquery können wir tun:

$(function() {
         $("#GridView1 a[id$=kkx]").bind('click', function() {
             alert('hi');
          });
      });

Answer 4

JQuery. Einfache Einzeiler und unauffällig :

$('A.text2').click(function() {
    alert('ok');
});