ASP:TABLEROW |
ASP : Enregistrement de tableau |
|---|---|
| ASP.NET | |
Syntaxe
|
<asp:TableRow paramètres> ... </asp:TableRow> |
Paramètres
| Paramètre | Description | ||
|---|---|---|---|
| AccessKey=valeur | Ce paramètre de balise permet d'indiquer un touche de raccourci à associer avec cette balise. | ||
| BackColor=valeur | Ce paramètre permet d'indiquer la couleur d'arrière plan de la balise. | ||
| Border=valeur | Ce paramètre de balise permet de définir la largeur en pixel d'une bordure de tableau. | ||
| BorderColor=valeur | Ce paramètre permet d'indiquer la couleur de bordure de la balise. | ||
| BorderStyle=valeur | Ce paramètre permet d'indiquer le style de bordure de la balise : NotSet, None, Dotted, Dashed, Solid, Double, Groove, Ridge, Inset ou Outset. | ||
| BorderWidth=valeur | Ce paramètre permet d'indiquer la largeur de la bordure de la balise. | ||
| CssClass=valeur | Ce paramètre permet d'indiquer la classe de feuille de style CSS de la balise. | ||
| Enabled=valeur | Ce paramètre permet d'indiquer si la balise doit être active ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la balise n'est pas active. | ||
| "True" | Cette constante permet d'indiquer que la balise n'est pas active. | ||
| EnableTheming=valeur | Ce paramètre permet d'indiquer si le thème de la balise doit être affiché ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que le thème de la balise n'est pas affiché. | ||
| "True" | Cette constante permet d'indiquer que le thème de la balise est affiché. | ||
| EnableViewState=valeur | Ce paramètre permet d'indiquer si le ViewState de la balise doit être activé ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que le ViewState de la balise n'est pas actif. | ||
| "True" | Cette constante permet d'indiquer que le ViewState de la balise est actif. | ||
| Font-Bold=valeur | Ce paramètre permet d'indiquer si la police de caractères de la balise doit être en gras ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la police de caractères n'est pas en gras. | ||
| "True" | Cette constante permet d'indiquer que la police de caractères est en gras. | ||
| Font-Italic=valeur | Ce paramètre permet d'indiquer si la police de caractères de la balise doit être en italique ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la police de caractères n'est pas en italique. | ||
| "True" | Cette constante permet d'indiquer que la police de caractères est en italique. | ||
| Font-Names=valeur | Ce paramètre permet d'indiquer les noms de la police de caractères. | ||
| Font-Overline=valeur | Ce paramètre permet d'indiquer si la police de caractères de la balise doit être surligné ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la police de caractères n'est pas surligné. | ||
| "True" | Cette constante permet d'indiquer que la police de caractères est surligné. | ||
| Font-Size=valeur | Ce paramètre permet d'indiquer la taille de la police de caractères de la balise : Smaller, Larger, XX-Small, X-Small, Small, Medium, Large, X-Large ou XX-Large. | ||
| Font-Strikeout=valeur | Ce paramètre permet d'indiquer si la police de caractères de la balise doit être barré ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la police de caractères n'est pas barré. | ||
| "True" | Cette constante permet d'indiquer que la police de caractères est barré. | ||
| Font-Underline=valeur | Ce paramètre permet d'indiquer si la police de caractères de la balise doit être souligné ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la police de caractères n'est pas souligné. | ||
| "True" | Cette constante permet d'indiquer que la police de caractères est souligné. | ||
| ForeColor=valeur | Ce paramètre permet d'indiquer la couleur de premier plan de la balise. | ||
| Height=valeur | Ce paramètre permet d'indiquer la hauteur de la balise. | ||
| HorizontalAlign=valeur | Ce paramètre permet d'indiquer l'alignement horizontal du tableau : | ||
| Constante | Description | ||
| "NotSet" | Cette constante permet d'indiquer qu'il n'est pas aligné. | ||
| "Left" | Cette constante permet d'indiquer qu'il est aligné à gauche. | ||
| "Center" | Cette constante permet d'indiquer qu'il est aligné au centre. | ||
| "Justify" | Cette constante permet d'indiquer qu'il est justifié. | ||
| "Right" | Cette constante permet d'indiquer qu'il est aligné à droite. | ||
| ID=identificateur | Ce paramètre de balise permet d'indiquer l'identificateur de cette balise. | ||
| OnDataBinding=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement de DataBinding. | ||
| OnDisposed=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement de disposition. | ||
| OnInit=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement d'initialisation. | ||
| OnLoad=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement de chargement. | ||
| OnPreRender=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement de pré-rendu. | ||
| OnUnload=valeur | Ce paramètre permet d'indiquer le gestionnaire d'événement de déchargement. | ||
| runat=valeur | Ce paramètre permet d'indiquer où doit être exécuté la balise : | ||
| Constante | Description | ||
| "server" | Cette constante permet d'indiquer qu'il faut exécuter la balise du côté serveur. | ||
| SkinID=valeur | Ce paramètre permet d'indiquer l'identificateur de Skin. | ||
| Style=valeur | Ce paramètre de balise permet d'indiquer des paramètres de feuille de style associé avec cette balise. | ||
| TabIndex=valeur | Ce paramètre de balise permet d'indiquer l'ordre de sélection des champs et éléments dans un formulaire. | ||
| TableSection=valeur | Ce paramètre permet d'indiquer la section de tableau : | ||
| Constante | Description | ||
| "TableHeader" | Cette constante permet d'indiquer que l'enregistrement est un entête du tableau. | ||
| "TableBody" | Cette constante permet d'indiquer que l'enregistrement est le corps du tableau. | ||
| "TableFooter" | Cette constante permet d'indiquer que l'enregistrement est le pied du tableau. | ||
| ToolTip=valeur | Ce paramètre de balise permet d'indiquer l'info-bulle. | ||
| VerticalAlign=valeur | Ce paramètre permet d'indiquer l'alignement vertical du tableau : | ||
| Constante | Description | ||
| "Bottom" | Cette constante permet d'indiquer qu'il faut effectuer un alignement vers le bas du tableau. | ||
| "Middle" | Cette constante permet d'indiquer qu'il faut effectuer un alignement vers le milieu du tableau. | ||
| "NotSet" | Cette constante permet d'indiquer qu'il n'y a pas d'alignement vertical du tableau. | ||
| "Top" | Cette constante permet d'indiquer qu'il faut effectuer un alignement vers le haut du tableau. | ||
| Visible=valeur | Ce paramètre permet d'indiquer si la balise doit être affiché ou non : | ||
| Constante | Description | ||
| "False" | Cette constante permet d'indiquer que la balise n'est pas affiché. | ||
| "True" | Cette constante permet d'indiquer que la balise est affiché. | ||
| Width=valeur | Ce paramètre de balise permet d'indiquer la largeur de la balise. | ||
Description
Cette balise permet de définir une ligne de tableau.
Remarques
- Le contrôle <asp:TableRow> représente une ligne dans un tableau ASP.NET construit avec <asp:Table>. Il s'agit d'un conteneur logique pour des cellules de type <asp:TableCell>, permettant d'organiser les données verticalement dans la structure tabulaire.
- Une <asp:TableRow> ne peut pas fonctionner seule : elle doit obligatoirement être utilisée au sein d'un <asp:Table>, autrement elle ne sera pas rendue correctement sur la page, et le comportement du code risque d'être imprévisible.
- La déclaration d'une balise <asp:TableRow> doit inclure l'attribut runat="server". Sans cela, ASP.NET ne pourra pas la traiter côté serveur, et elle ne pourra pas être manipulée dans le code-behind.
- Chaque ligne dans un tableau ASP.NET est créée à l'aide de la balise <asp:TableRow>, et contient généralement plusieurs <asp:TableCell> définissant les colonnes de la ligne. Cela reproduit fidèlement la structure des tableaux HTML.
- La classe TableRow dans ASP.NET est fortement intégrée à l'environnement serveur. Cela permet d'ajouter dynamiquement des lignes à un tableau, souvent en fonction de données extraites d'une base ou saisies par l'utilisateur.
- Le contrôle TableRow peut être stylisé indépendamment. On peut lui appliquer des propriétés comme BackColor, CssClass, Height, ou encore Font, ce qui permet de créer des effets visuels comme le zébrage des lignes.
- L'ajout de cellules dans une TableRow peut se faire via la collection Cells. Par exemple, en C# : maLigne.Cells.Add(new TableCell()); permet de remplir dynamiquement la ligne dans le code-behind.
- Une TableRow peut contenir tout type de contrôle WebForms dans ses cellules : des labels, des boutons, des zones de texte. Cela permet de créer des tableaux riches en interaction.
- Dans le cas d'un tableau généré dynamiquement, chaque TableRow peut représenter une entité métier ou un enregistrement de base de données. Cela permet de faire correspondre la structure UI à la logique métier.
- Pour organiser les en-têtes de tableau, on peut combiner une TableRow avec des cellules de type <asp:TableHeaderCell>, ce qui offre une meilleure sémantique HTML et une accessibilité améliorée.
- Il est possible de définir des propriétés comme HorizontalAlign ou VerticalAlign sur une TableRow afin de gérer l'alignement général de toutes les cellules de cette ligne. C'est utile pour un affichage cohérent.
- Une ligne de tableau (TableRow) peut être rendue conditionnellement invisible en jouant sur la propriété Visible. Cela permet d'implémenter des logiques d'affichage contextuelles sans supprimer la ligne du DOM.
- Lorsqu'une ligne est créée dynamiquement, il est important de lui assigner un identifiant (ID) si l'on souhaite y faire référence ultérieurement dans le cycle de vie de la page ASP.NET.
- Le cycle de vie du contrôle TableRow suit le même modèle que les autres contrôles serveur ASP.NET, avec des événements comme Init, Load, et PreRender, ce qui permet une gestion fine de son comportement.
- Une utilisation fréquente de TableRow est dans les tableaux administratifs où chaque ligne peut contenir des données et des actions comme "modifier", "supprimer", ou "voir les détails", en intégrant des boutons dans les cellules.
Exemple
Voici un exemple montrant comment afficher un tableau avec une bordure :
- <%@ Page Language="vb" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <body>
- <asp:Table id="MyTable" runat="server" border="2">
- <asp:TableRow TableSection="TableHeader">
- <asp:TableCell><b>Nom</b></asp:TableCell>
- <asp:TableCell><b>Diamètre en KM</b></asp:TableCell>
- <asp:TableCell><b>Proportion avec la terre</b></asp:TableCell>
- <asp:TableCell><b>Rayon</b></asp:TableCell>
- </asp:TableRow>
- <asp:TableRow ID="TableRow1" runat="server">
- <asp:TableCell ID="TableCell1" runat="server">Mercury</asp:TableCell>
- <asp:TableCell ID="TableCell2" runat="server">4878</asp:TableCell>
- <asp:TableCell ID="TableCell3" runat="server">0,38</asp:TableCell>
- <asp:TableCell ID="TableCell4" runat="server">2439,00</asp:TableCell>
- </asp:TableRow>
- <asp:TableRow ID="TableRow2" runat="server">
- <asp:TableCell ID="TableCell5" runat="server">Vénus</asp:TableCell>
- <asp:TableCell ID="TableCell6" runat="server">12102</asp:TableCell>
- <asp:TableCell ID="TableCell7" runat="server">0,95</asp:TableCell>
- <asp:TableCell ID="TableCell8" runat="server">6051,00</asp:TableCell>
- </asp:TableRow>
- <asp:TableRow ID="TableRow3" runat="server">
- <asp:TableCell ID="TableCell9" runat="server">Terre</asp:TableCell>
- <asp:TableCell ID="TableCell10" runat="server">12756</asp:TableCell>
- <asp:TableCell ID="TableCell11" runat="server">1,00</asp:TableCell>
- <asp:TableCell ID="TableCell12" runat="server">6378,00</asp:TableCell>
- </asp:TableRow>
- </asp:Table>
- </body>
- </html>
on obtiendra le résultat semblable suivant :
|
Voir également
Articles - Les géants de l'informatique - Microsoft
Dernière mise à jour : Samedi, le 31 août 2017