ASP.NET Contrôle de balise HTML équivalent

Je suis à la recherche d'une feuille de triche qui me permettra de montrer un concepteur HTML l'équivalent asp.net les contrôles pour les balises HTML standard. Comme un exemple de la <asp:Panel> sera rendu HTML <div> et un <asp:Label> sera rendu HTML <span>. J'ai cherché sur google ce en vain. Quelqu'un peut-il poster un lien vers une bonne feuille de triche, de sorte que les concepteurs de ce projet peut comprendre le balisage sur les pages aspx plus clairement.

Pour être clair, je voudrais un lien pour une liste des principaux ASP.NET les contrôles de, avec les descriptions de la façon dont ils se rapportent à la norme HTML. Ce serait génial si c'était en format PDF ou sur un facile de lire et d'imprimer la page web. La raison, dans mon cas, serait que nous avons un développeur PHP qui est très familier avec le HTML pour venir travailler sur notre projet, et je pense qu'il serait utile d'avoir une meilleure compréhension de la norme ASP.NET les contrôles serveur si je pouvais lui telle une "cheat sheet".

Je me réfère principalement à la .NET framework 2.0, mais nous faisons aussi un travail avec la version 3.0/3.5.

+1 pour vouloir savoir ce que vous avez réellement générer lorsque vous utilisez les Formulaires web.

InformationsquelleAutor stephenbayer | 2009-01-20

100

Ce n'est pas une simple question, car elle dépend de la version de .NEt, vous êtes en train de parler et les états de contrôle, parfois. Par exemple, la commission, dans 1 & 1.1 rendre à une TABLE tandis que dans les versions ultérieures c'est un DIV.

Mais dans l'ensemble (pour les 2/3), va ici:
- Panneau - Div
- Panneau -- GroupingText="###" est Fieldset, Légende
- Étiquette Span
- Bouton De Saisie, Tapez Le Bouton
- Lien de Bouton Href avec JS Publication Script
- Lien hypertexte Standard HREF
- Bouton Image D'Entrée, Le Type De L'Image
- Zone de texte -- valeur par Défaut est Entrée, le Type de Texte
- Zone de texte -- Mode = Mot de passe de Saisie, tapez le Mot de passe
- Zone de texte -- Mode= Multiligne est Textarea
- DropDownList - Sélectionnez
- Zone De Liste - Sélectionner
- RadioButton d'Entrée, de la Radio avec GroupName
- Case - Saisie, Case À Cocher
- Répéteur/Listview-Complexes.
- Gridview - Table
- Table - Table
- Fichier - Input Type=File
  
  C'est l'essentiel. Le plus ésotérique des contrôles tels que le contrôle de CONNEXION est une table avec un tas de bric-à une des extrémités à l'intérieur.
- Notez que LinkButton rend un élément d'ancrage (A) qui fait une publication sur cliquez sur. L'élément de lien Hypertexte serait plus approprié d'ancrage standard des éléments de (Un).
- Panneau -> div et parfois de la table s'applique à 2.0 ainsi, putain t'downscaling
- très bon point. @annakata - je n'ai pas envisagé de réduction d'échelle lors de la construction de la liste. Juste un aperçu généralisée
- aussi RadioButton -> input type="radio", à moins que je me trompe
- assez grand gotcha bien que, et vous l'avez mentionné l'effet de 1.x
- merci, c'est une bonne liste. J'essaie de savoir si il y avait comme un document PDF avec la liste de asp.NET les contrôles que je pourrais donner à un PHP designer qui n'est utilisé que HTML pour comprendre l'asp.NET les contrôles.
- non, les Boutons Radio sont tas d'entrées de type cases à cocher, avec le même nom, mais ils peuvent avoir des Identifiants différents. Et oui, c'est un assez gros gotcha, j'étais juste expliquer pourquoi je n'avais pas pensé à ça.
- pas à ma connaissance. Le nouveau gars serait mieux servi en utilisant simplement .NET, et ensuite poser toutes les questions qu'il pense d'eux. J'ai traversé à partir de PHP .NET et ne pas avoir de problèmes à comprendre les différences.
- L'ASP.NET contrôle "Étiquette" sorties d'un <span>, pas une Étiquette.
- Je n'utilise que de l'asp:label quand il est associé à un contrôle d'entrée, et donc utiliser le AssociatedControlId de la propriété. Avec cet ensemble à une entrée valide le contrôle puis l'ASP.Net Étiquette crache un élément LABEL.
- et si vous utilisez GroupingText attribut pour le groupe, il sera rendu de fieldset.
- asp:Label est égale à la Durée.
InformationsquelleAutor Stephen Wrighton
11

Stephenla liste est assez exhaustive. J'aimerais ajouter les remarques suivantes à ce que:

Surtout, il dépend de l'connu BrowserCaps.

1.x commission rendra un div dans IE6+ - toutefois dans Firefox (ou un autre "en Aval" des navigateurs considéré comme en Aval, car il n'y avait pas plus de détails dans la Machine.Config par défaut), il s'est rendu comme une seule cellule de la Table - ce qui pourrait être résolu par la fourniture de mises à jour BrowserCaps pour Firefox/Opera/Safari/etc, que ce soit dans la Machine.Config ou Web.Les Configs.

Aussi, le Contrôle des Adaptateurs pouvez modifier la sortie, par exemple le CSS Contrôle les Adaptateurs sera de sortie de style divs pour la plupart des tableaux de contrôles (connexion, inscription, relais, etc).

Noter qu'il a été annoncé au TechEd/contrôleur principal de domaine ASP.NET 4.0 aura le CSS de contrôle des cartes intégrées par défaut.
- BrowserCaps est un lien brisé comme de 6-14-17
- Bravo pour le heads up. Cette fonctionnalité a été dépréciée en .net 2.0, mais a été encore pris en charge jusqu'à 3,5, j'ai donc mis à jour le lien de la dernière version prise en charge.
InformationsquelleAutor Zhaph - Ben Duguid
4

Cela ne veut pas répondre directement à votre question, mais dans beaucoup de cas, vous pouvez ajouter runat="server" à un régulière balise HTML à faire ASP.Net conscients de cela. Cela pourrait rendre les choses plus facile pour le concepteur, si vous voulez être en mesure de modifier dynamiquement la page, mais encore de permettre au concepteur de travailler sur elle.
```
<div id="myDiv" runat="server"></div>
<span id="mySpan" runat="server"></span>
```
Edit:

Une chose que j'ai oublié de mentionner (comme l'a souligné steve_c) est que l'ajout de runat="server" va modifier l'ID de la balise, ce qui peut être un peu de douleur. Vous avez peu de chance si vous utilisez le code dans votre CSS, mais dans votre code JavaScript que vous pouvez ajouter quelque chose comme <%= myDiv.ClientID %> pour obtenir l'ID qui a été généré par .Net.
- Pour ajouter à ce que Matt Éphraïm dit, vous devez être conscient que par l'ajout d'un runat="server" ASP.NET pourrait potentiellement modifier l'attribut id de la balise en question, si cette balise est à l'intérieur d'un ASP.NET conteneur de dénomination.
- C'est vrai. Je devrais avoir mentionné que.
- c'est vrai, vous pouvez ajouter runat à pratiquement n'importe quel contrôle. Ici, nous avons aspx pages déjà créées à l'aide de asp.NET les contrôles serveur. Nous avons un nouveau designer travaille maintenant à partir de la PHP/HTML monde, et je suis à la recherche pour lui donner une meilleure compréhension des contrôles serveur.
InformationsquelleAutor Matt Ephraim
0

contrôle htmlgenericcontrol peut vous aidez si vous avez besoin de rendre une balise spécifique
- Quel serait le but de l'utilisation de ce plutôt que la balise html?
InformationsquelleAutor Element

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 Switch

Vous devez vous connecter pour publier un commentaire.