ASP.NET-Steuerelement zu HTML-Tag entspricht

Ich bin auf der Suche nach einem cheat-sheet, das mir erlauben wird, zu zeigen, ein HTML-designer, der äquivalent asp.net regler für standard-HTML-tags. Als Beispiel der <asp:Panel - > gerendert wird als HTML - <div> und eine <asp:Label> gerendert wird als HTML - <span>. Ich habe schon googeln dieses ohne Erfolg. Kann jemand einen link posten zu einem guten Spickzettel so, dass die Designer auf dieses Projekt kann verstehen, dass die Markierung auf der aspx-Seiten nicht mehr klar.

Klar zu sein, ich möchte einen link zu einer Liste der wichtigsten ASP.NET Steuerelemente, mit Beschreibungen, wie Sie beziehen sich auf den standard-HTML. Es wäre toll, wenn diese waren im PDF-format oder auf einer leicht zu Lesen und drucken web-Seite. Der Grund, in meinem Fall, wäre, dass wir einen PHP-Entwickler sehr vertraut mit HTML kommen, um Arbeit an unserem Projekt, und ich glaube, es wäre nützlich, um ein besseres Verständnis der standard ASP.NET server-Steuerelemente, wenn ich könnte ihn wie ein "cheat sheet".

Ich beziehe mich hauptsächlich auf die .NET 2.0-framework, aber wir sind auch doing Arbeit mit 3.0/3.5.

Kommentar zu dem Problem
+1 für den Wunsch zu wissen, was Sie tatsächlich generieren wenn Sie WebForms. Kommentarautor: Daniel Schaffer

InformationsquelleAutor der Frage stephenbayer | 2009-01-20

  1. 93

    Dies ist keine einfache Frage, denn es hängt davon ab, welche version von .NEt du redest, und Zustände von Steuerelementen, manchmal. Zum Beispiel das PANEL, in 1 & 1.1 machen Sie zu einem TISCH, während in späteren Versionen ist es ein DIV.

    Aber insgesamt (2/3), hier geht:

    • Panel - Div
    • Panel -- GroupingText="###" Fieldset, Legend
    • Label - Span
    • Button, Input Type Button
    • Schaltfläche Link - Href mit JS Postback Skript
    • Hyperlink - Standard HREF
    • Bild, Button, Input Type Image
    • Textbox -- Standard-Eingabe, Geben Sie den Text
    • Textbox -- Mode = Passwort Input type Password
    • Textbox -- Mode= Mehrzeilige Textarea ist
    • DropDownList - Wählen Sie
    • Listbox - Wählen Sie
    • RadioButton - Eingang, Radio mit GroupName
    • Checkbox - Input, Checkbox
    • Repeater/Listview-Komplex.
    • Gridview - Tabelle
    • Tabelle - Tabelle

    • Datei Input Type=File

      Das sind die Grundlagen. Die eher esoterischen controls wie LOGIN-control ist eine Tabelle mit einer Reihe von Verschiedenheit eine endet innerhalb.

    InformationsquelleAutor der Antwort Stephen Wrighton

  2. 11

    Stephen's Liste ist ziemlich umfassend. Ich möchte hinzufügen, die folgenden Hinweise zu ihm, obwohl:

    Meist hängt es von der bekannten BrowserCaps.

    1.x-Panel gerendert wird als ein div im IE6+ - jedoch im Firefox (oder anderen "DownStream" - Browser - als DownStream, da gab es keine details in der Maschine.Config standardmäßig aktiviert) es wird dargestellt, wie eine einzelne Zelle der Tabelle - dies könnte gelöst werden durch Bereitstellung aktualisierter BrowserCaps für Firefox/Opera/Safari/etc, entweder in der Maschine.Config oder Web.Configs.

    Auch -, Kontroll-Adapter kann die Ausgabe verändern - zum Beispiel die CSS Control Adapter Ausgabe gestylte divs für die meisten der tabellarischen Steuerung (login, Registrierung, Repeater, etc).

    Beachten Sie, dass es angekündigt wurde bei der TechEd/PDC, ASP.NET 4.0 wird die CSS control Adapter standardmäßig integriert.

    InformationsquelleAutor der Antwort Zhaph - Ben Duguid

  3. 4

    Diese nicht direkt auf Ihre Frage zu beantworten, aber in vielen Fällen kannst du runat="server" um eine normale HTML-Tags zu machen ASP.Net sich dessen bewusst. Das könnte die Dinge einfacher für die designer, wenn Sie wollen in der Lage sein, dynamisch zu ändern, die Seite, aber immer noch erlauben dem designer zu arbeiten.

    <div id="myDiv" runat="server"></div>
<span id="mySpan" runat="server"></span>

    Edit:

    So eine Sache, ich vergaß zu erwähnen, dass (wie bereits von steve_c) ist, dass das hinzufügen runat="server" ändern Sie die ID für das tag, das kann ein bisschen wie ein Schmerz. Sie sind aus Glück heraus, wenn Sie die ID in der CSS, aber in deinem JavaScript-Sie können fügen Sie so etwas wie <%= myDiv.ClientID %>, um die ID, die erzeugt wurde, durch .Net.

    InformationsquelleAutor der Antwort Matt Ephraim

  4. 0

    htmlgenericcontrol vielleicht helfen, wenn Sie brauchen, um machen einen bestimmten tag

    InformationsquelleAutor der Antwort Element

  5. 0
    protected void CreateHeaders(List<Group_Info> group_Info)
{
    foreach (Group_Info gi in group_Info)
    {
        HtmlGenericControl groupContainer = new HtmlGenericControl("DIV");
        String lastLableID = "disp" + gi.GroupName.ToString().Replace(" ", "");
        groupContainer.ID = lastLableID;
        groupContainer.Attributes.Add("class", "content-groups");

        HtmlGenericControl groupTitle = new HtmlGenericControl("DIV");
        groupTitle.ID = lastLableID + "Sub1";
        if (gi.GroupName.Trim().Length == 0)
            groupTitle.Attributes.Add("class", "titlebar-hidden");
        else
        {
            groupTitle.Attributes.Add("class", "titlebar");
            groupTitle.InnerText = gi.GroupName.ToString().Trim();
        }

        groupContainer.Controls.Add(groupTitle);

        CreateFields(gi, ref groupContainer);

        this.pageContainer.Controls.Add(groupContainer);
    }
}

    InformationsquelleAutor der Antwort Switch

Schreibe einen Kommentar