Wie setzen CssClass auf den button im DataGrid

Ich habe eine ButtonColumn in einem DataGrid:

<asp:ButtonColumn HeaderText="Edit" ButtonType="PushButton" Text="Edit" />

Wie muss ich es einstellen der CSS-Klasse?

Nur so kann ich sehen, es zu tun, ist Einhaken der RowDataBound-Ereignis:

Protected Sub dgSchedule_ItemDataBound(sender As Object, e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles dgSchedule.ItemDataBound
    If e.Item.ItemType = ListItemType.Item OrElse e.Item.ItemType = ListItemType.AlternatingItem Then
        DirectCast(e.Item.Cells(6).Controls(0), Button).CssClass = "confirmButton"

    End If
End Sub

Ich einfach das Gefühl, es muss ein ordentlicher Weg. Was passiert, wenn ich Spalten hinzufügen/entfernen, ich werde wieder kommen hier und denken Sie daran, ändern Sie die Spalte 6...

Versuchte ich mit einem TemplateColumn und einem gewöhnlichen asp:Button - Das funktionierte, aber dann auf es nicht Feuer, das ItemCommand-Ereignis des Rasters, die ich brauche, um das Feuer.

InformationsquelleAutor bgs264 | 2011-03-18
  1. 8

    Ich habe dieses Problem gelöst, indem mit einem GridView-statt einem DataGrid. Eigentlich nicht sicher, warum ich eine DataGrid in den ersten Platz.

    Dies gibt eine zusätzliche Eigenschaft ControlStyle-CssClass

    z.B.

    <asp:ButtonField HeaderText="Edit" ButtonType="Button" Text="Edit" ControlStyle-CssClass="confirmButton" />
    InformationsquelleAutor bgs264
  2. 0

    Du hast zwei Optionen:

    1. Sie können die Eigenschaft CssClass der ButtonColumn:

    <asp:ButtonColumn CssClass="myStyle" ...></asp:ButtonColumn>

    Hierdurch werden die folgenden HTML-Code:

    <td class="myStyle">
    <input type=button name=select ...>
</td>

    Wie Sie sehen können, die CSS-Klasse ist tatsächlich angewandt-element enthalten. Zum Stil der Spalte, dies zu tun:

    .myClass
{
   /*Your style attributes go here*/
}

    Und Stil die tatsächliche Taste, tun dies in Ihrer CSS:

    .myClass INPUT
{
   /*Your style attributes go here*/
}

    2. Alternativ können Sie eine TemplateColumn statt eine ButtonColumn und legen Sie die Eigenschaft CssClass der verschachtelten button-Steuerelement:

    <asp:TemplateColumn HeaderText="Delete">
    <ItemTemplate>
        <asp:Button ID="DeleteButton" runat=server Text="Delete" CssClass="myClass" CommandName="Delete" />
    </ItemTemplate>
</asp:TemplateColumn>

    Den CSS-Code für das ist nur, wie man erwarten würde:

    .myClass
{
   /*Your style attributes go here*/
}
    • ButtonColumn nicht über ein Attribut namens " CssClass (compiler: "Typ-System.Web.UI.WebControls.ButtonColumn " verfügt nicht über eine öffentliche Eigenschaft mit dem Namen 'CssClass'). Ich habe auch zu erklären, in Frage, warum ich nicht wollen, zu einem TemplateColumn. Aber danke für die Antwort.
    • Bitte um Entschuldigung, dass war ein Tippfehler. Die ButtonColumn Eigenschaft, die Sie festlegen müssen, ist ItemStyle-CssClass. Und Sie werden bemerken, mein TemplateColumn code, den ich dir gezeigt haben, wie man Feuer ein item-Befehl für eine Schaltfläche.
    • Hey. Danke. Ich habe versucht, ItemStyle-CssClass aber es nicht Stil der Knopf nur in die Zelle. Haben beschlossen, mit einem GridView-aber danke für die Beantwortung meiner Frage 🙂
    InformationsquelleAutor Nick Larter
  3. 0

    Wenn Sie benötigen, um stick mit DataGrid eher als GridView, ein Weg, um dieses problem zu lösen, um das setup eine OnItemDataBound Veranstaltung.

    OnItemDataBound="mydatagrid_ItemDataBound"

    Dann in der code-behind können Sie der Anlage die CSS-Klasse der Schaltfläche wie folgt:

    //ON DATA BIND
protected void mydatagrid_ItemDataBound(object sender, DataGridItemEventArgs e)
    if (e.Item.ItemType != ListItemType.Header && e.Item.ItemType != ListItemType.Footer) {
        Button myButton= (Button)e.Item.Cells[5].Controls[0];
        myButton.Attributes["class"] = "buttonClass";   
    }
}
    InformationsquelleAutor QFDev
Schreibe einen Kommentar