ASP.NET
ASP.NET - Contrôles de base

.NET Framework asp.net-mvc C# Language Entity Framework HTML JavaScript jQuery SQL Microsoft SQL Server Visual Basic .NET Language
Recherche…


Syntaxe

  • <asp: Button ID = "Button1" runat = "serveur" onclick = "Button1_Click" Text = "Cliquez" /> <asp: TextBox ID = "txtstate" runat = "serveur">
  • </ asp: TextBox> <asp: CheckBox ID = "chkoption" runat = "Serveur"> </ asp: CheckBox> <asp: ID RadioButton = "rdboption" runat = "Serveur"> </ asp: RadioButton>
  • <asp: ListBox ID = "ListBox1" runat = "serveur" AutoPostBack = "True"
    OnSelectedIndexChanged = "ListBox1_SelectedIndexChanged"> </ asp: ListBox>
  • <asp: DropDownList ID = "DropDownList1" runat = "serveur" AutoPostBack = "True"
    OnSelectedIndexChanged = "DropDownList1_SelectedIndexChanged"> </ asp: DropDownList>
  • <asp: ID RadioButtonList = "RadioButtonList1" runat = "serveur" AutoPostBack = "True"
    OnSelectedIndexChanged = "RadioButtonList1_SelectedIndexChanged"> </ asp: RadioButtonList>
  • <asp: CheckBoxList ID = "CheckBoxList1" runat = "serveur" AutoPostBack = "True"
    OnSelectedIndexChanged = "CheckBoxList1_SelectedIndexChanged"> </ asp: CheckBoxList>
  • <asp: BulletedList ID = "BulletedList1" runat = "serveur"> </ asp: BulletedList>
  • <asp: HyperLink ID = "HyperLink1" runat = "serveur"> HyperLink </ asp: HyperLink> <asp: Image ID = "Image1" runat = "serveur">

Boîtes de texte et étiquettes

Les contrôles de zone de texte sont généralement utilisés pour accepter les entrées de l'utilisateur. Un contrôle de zone de texte peut accepter une ou plusieurs lignes de texte en fonction des paramètres de l'attribut TextMode.

Les contrôles d'étiquettes permettent d'afficher facilement le texte qui peut être modifié d'une exécution d'une page à l'autre. Si vous souhaitez afficher un texte qui ne change pas, vous utilisez le texte littéral.

Syntaxe de base du contrôle de texte: 

<asp:TextBox ID="txtstate" runat="server" ></asp:TextBox>

Propriétés communes de la zone de texte et des étiquettes:

Propriétés La description
Mode texte Spécifie le type de zone de texte. SingleLine crée une zone de texte standard, MultiLIne crée une zone de texte qui accepte plusieurs lignes de texte et le mot de passe masque les caractères entrés. La valeur par défaut est SingleLine.
Texte Le contenu textuel de la zone de texte.
Longueur maximale Nombre maximal de caractères pouvant être saisis dans la zone de texte.
Emballage Il détermine si le texte retourne automatiquement ou non pour la zone de texte multiligne. le défaut est vrai.
Lecture seulement Détermine si l'utilisateur peut modifier le texte dans la boîte. la valeur par défaut est false, c.-à-d. que l'utilisateur peut modifier le texte.
Colonnes La largeur de la zone de texte en caractères. La largeur réelle est déterminée en fonction de la police utilisée pour la saisie de texte.
Des rangées La hauteur d'une zone de texte multiligne en lignes. La valeur par défaut est 0, signifie une zone de texte à une seule ligne.

L'attribut le plus souvent utilisé pour un contrôle d'étiquette est «Texte», ce qui implique le texte affiché sur l'étiquette.

Cases à cocher et boutons radio

Une case à cocher affiche une option unique que l'utilisateur peut cocher ou décocher et les boutons radio présentent un groupe d'options à partir duquel l'utilisateur peut sélectionner une seule option.

Pour créer un groupe de boutons radio, spécifiez le même nom pour l'attribut GroupName de chaque bouton radio du groupe. Si plusieurs groupes sont requis dans un seul formulaire, spécifiez un nom de groupe différent pour chaque groupe.

Si vous souhaitez que la case à cocher ou le bouton radio soit sélectionné lors de l'affichage initial du formulaire, définissez son attribut Checked sur true. Si l'attribut Checked est défini sur true pour plusieurs boutons radio d'un groupe, seul le dernier est considéré comme true.

Syntaxe de base de la case à cocher: 

<asp:CheckBox ID= "chkoption" runat= "Server"> </asp:CheckBox>

Syntaxe de base du bouton radio: 

<asp:RadioButton ID= "rdboption" runat= "Server"> </asp: RadioButton>

Propriétés communes des cases à cocher et des boutons radio:

Propriétés La description
Texte Le texte affiché à côté de la case à cocher ou du bouton radio.
Vérifié Spécifie s'il est sélectionné ou non, la valeur par défaut est false.
Nom de groupe Nom du groupe auquel le contrôle appartient.

Commandes de liste

ASP.NET fournit les commandes suivantes

  • La liste déroulante
  • Zone de liste
  • Liste de boutons radio
  • Liste de case à cocher
  • Liste à puces

Ces contrôles permettent à un utilisateur de choisir parmi un ou plusieurs éléments de la liste. Les zones de liste et les listes déroulantes contiennent un ou plusieurs éléments de liste. Ces listes peuvent être chargées soit par code, soit par l'éditeur ListItemCollection.

Syntaxe de base du contrôle de la zone de liste: 

<asp:ListBox ID="ListBox1" runat="server" AutoPostBack="True"    OnSelectedIndexChanged="ListBox1_SelectedIndexChanged">
</asp:ListBox>

Syntaxe de base du contrôle de liste déroulante: 

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"   OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>

Propriétés communes des listes et listes déroulantes:

Propriétés La description
Articles La collection d'objets ListItem qui représente les éléments du contrôle. Cette propriété renvoie un objet de type ListItemCollection.
Des rangées Spécifie le nombre d'éléments affichés dans la boîte. Si la liste actuelle contient plus de lignes que celles affichées, une barre de défilement est ajoutée.
SelectedIndex L'index de l'élément actuellement sélectionné. Si plusieurs éléments sont sélectionnés, l'index du premier élément sélectionné. Si aucun élément n'est sélectionné, la valeur de cette propriété est -1.
Valeur sélectionnée La valeur de l'élément actuellement sélectionné. Si plusieurs éléments sont sélectionnés, la valeur du premier élément sélectionné. Si aucun élément n'est sélectionné, la valeur de cette propriété est une chaîne vide ("").
Mode de selection Indique si une zone de liste permet des sélections uniques ou des sélections multiples.

Propriétés communes des objets de chaque élément de la liste:

Propriétés La description
Texte Le texte affiché pour l'article.
Choisi Valeur de chaîne associée à l'élément.
Valeur Indique si l'élément est sélectionné.

Il est important de noter que:

  • Pour utiliser les éléments dans une liste déroulante ou une zone de liste, utilisez la propriété Items du contrôle. Cette propriété renvoie un objet ListItemCollection qui contient tous les éléments de la liste.
  • L'événement SelectedIndexChanged est déclenché lorsque l'utilisateur sélectionne un autre élément dans une liste déroulante ou une zone de liste.

Liste des boutons radio et liste des cases à cocher

Une liste de boutons radio présente une liste d'options mutuellement exclusives. Une liste de cases à cocher présente une liste d'options indépendantes. Ces contrôles contiennent une collection d'objets ListItem pouvant être référencés via la propriété Items du contrôle.

Syntaxe de base de la liste des boutons radio: 

<asp:RadioButtonList ID="RadioButtonList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
</asp:RadioButtonList>

Syntaxe de base de la liste des cases à cocher: 

<asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="True" 
   OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged">
</asp:CheckBoxList>

Propriétés communes des listes de cases à cocher et de bouton radio:

Propriétés La description
RepeatLayout Cet attribut spécifie si les balises de table ou le flux HTML normal à utiliser lors du formatage de la liste lors du rendu. La valeur par défaut est Table.
RepeatDirection Il spécifie la direction dans laquelle les contrôles doivent être répétés. Les valeurs disponibles sont Horizontal et Vertical. La valeur par défaut est verticale.
RepeatColumns Il spécifie le nombre de colonnes à utiliser lors de la répétition des contrôles. la valeur par défaut est 0.

Listes à puces et listes numérotées

Le contrôle de liste à puces crée des listes à puces ou des listes numérotées. Ces contrôles contiennent une collection d'objets ListItem pouvant être référencés via la propriété Items du contrôle.

Syntaxe de base d'une liste à puces: 

<asp:BulletedList ID="BulletedList1" runat="server">
</asp:BulletedList>

Propriétés communes de la liste à puces:

Propriétés La description
BulletStyle Cette propriété spécifie le style et l'apparence des puces ou des nombres.
RepeatDirection Il spécifie la direction dans laquelle les contrôles doivent être répétés. Les valeurs disponibles sont Horizontal et Vertical. La valeur par défaut est verticale.
RepeatColumns Il spécifie le nombre de colonnes à utiliser lors de la répétition des contrôles. la valeur par défaut est 0.

Le contrôle HyperLink ressemble à l'élément HTML.

Syntaxe de base pour un contrôle de lien hypertexte: 

<asp:HyperLink ID="HyperLink1" runat="server">
   HyperLink
</asp:HyperLink>

Il possède les propriétés importantes suivantes:

Propriétés La description
URL de l'image Chemin de l'image à afficher par le contrôle.
NavigateUrl URL du lien cible.
Texte Le texte à afficher comme lien.
Cible La fenêtre ou le cadre qui charge la page liée.

Contrôle d'image

Le contrôle d'image est utilisé pour afficher des images sur la page Web ou un autre texte, si l'image n'est pas disponible.

Syntaxe de base pour un contrôle d'image: 

<asp:Image ID="Image1" runat="server">

Il possède les propriétés importantes suivantes:

Propriétés La description
Texte alternatif Texte alternatif à afficher en l'absence de l'image.
ImageAlign Options d'alignement pour le contrôle.
URL de l'image Chemin de l'image à afficher par le contrôle.


Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow