Add javascript or css to tr created by asp.net GridView

I don’t like too much use GridView controls but in a existing project I found it applyed.
My target was only to attach “onclick” javascript event to the row generated.

<asp:GridView ID="GridTrattativeT" runat="server" CssClass="base-table"
    EnableModelValidation="True" GridLines="Vertical" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="SqlViewTrattativeT" DataKeyNames="IDTRATTATIVA">
    <EmptyDataTemplate>
        <div class="empty">
            Nessun Risultato Trovato
        </div>
    </EmptyDataTemplate>
    <Columns>
        <asp:BoundField DataField="DSSTATO" HeaderText="STATO" SortExpression="DSSTATO" />
            <asp:BoundField DataField="DSNOMETRATTATIVA" HeaderText="TITOLO" SortExpression="DSNOMETRATTATIVA" />

        <asp:BoundField DataField="DSSERVIZIO" HeaderText="TIPO SERVIZIO" SortExpression="DSSERVIZIO" />
        <asp:BoundField DataField="DSVENDITORE" HeaderText="VENDITORE" SortExpression="DSVENDITORE" />
        <asp:BoundField DataField="DSRAGIONESOCIALE" HeaderText="RAGIONE SOCIALE" SortExpression="DSRAGIONESOCIALE" />
        <asp:BoundField DataField="DSPIVA" HeaderText="P.IVA" SortExpression="DSPIVA" />
    </Columns>
    <PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
</asp:GridView>
protected Grid_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if e.Row.RowType = DataControlRowType.DataRow
        // add the attribute to the tr created
        e.Row.Attributes.Add("onclick", "openDetail(" + e.Row.DataItem.Row["IDTRATTATIVA"].ToString() + ");")
}

Inside this event it’s possibile access to the item’s column bound using e.Row.DataItem.Row[“column”]

Annunci

Informazioni su Andrea Regoli

Project Manager .Net Developer WPF WP7 Asp.Net c# javascript ajax SQL sharepoint
Questa voce è stata pubblicata in Asp.Net, c#, javascript e contrassegnata con , , , . Contrassegna il permalink.

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...