Partager via

Control.ClientID Propriété

Définition

Espace de noms:
System.Web.UI
Assembly:
System.Web.dll

Obtient l’ID de contrôle pour le balisage HTML généré par ASP.NET.

public:
 virtual property System::String ^ ClientID { System::String ^ get(); };
[System.ComponentModel.Browsable(false)]
public virtual string ClientID { get; }
[<System.ComponentModel.Browsable(false)>]
member this.ClientID : string
Public Overridable ReadOnly Property ClientID As String

Valeur de propriété

String

ID de contrôle pour le balisage HTML généré par ASP.NET.

Attributs
BrowsableAttribute

Exemples

Les exemples suivants montrent un contrôle utilisateur web qui se trouve à l’intérieur d’une page de contenu pour une page maître. Le contrôle utilisateur contient un DropDownList contrôle et un Label contrôle. Le texte affiché dans le Label contrôle est déterminé par la valeur que l’utilisateur sélectionne dans le DropDownList contrôle. La valeur de texte est définie par le biais d’un script client afin que la page Web n’ait pas à publier sur le serveur pour définir cette valeur. Pour obtenir une référence à l’élément HTML affiché pour le contrôle dans le Label script client, vous devez connaître la valeur de la propriété du ClientID contrôle. Toutefois, étant donné que le contrôle utilisateur peut être placé n’importe où dans une page Web, il est impossible de savoir à l’avance quels conteneurs d’affectation de noms contiennent les contrôles. Pour vous assurer que la ClientID valeur sera identique à la ID valeur, le code définit la ClientIDMode valeur Staticsur .

L’exemple suivant montre le contrôle utilisateur.

<%@ Control AutoEventWireup="true" %>

<script type="text/javascript">
  var seasonalSports = new Array("None selected",
                                 "Tennis",
                                 "Volleyball",
                                 "Baseball",
                                 "Skiing");

  function DisplaySport(x) {
      document.getElementById("SelectedSport").innerHTML
      = seasonalSports[x];
  }    
</script>

<asp:DropDownList ID="DropDownList1" runat="server" 
                  onchange="DisplaySport(this.selectedIndex);">
  <asp:ListItem Value="Select a season"></asp:ListItem>
  <asp:ListItem Value="Spring"></asp:ListItem>
  <asp:ListItem Value="Summer"></asp:ListItem>
  <asp:ListItem Value="Autumn"></asp:ListItem>
  <asp:ListItem Value="Winter"></asp:ListItem>
</asp:DropDownList>
<br />
<asp:Label ID="SelectedSport" runat="server" ClientIDMode="Static">
</asp:Label>

L’exemple suivant montre la page de contenu qui contient le contrôle utilisateur.

<%@ Page Title="" MasterPageFile="~/Seasons.master" AutoEventWireup="true" %>

<%@ Register Src="Seasons.ascx" TagName="Seasons" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
  <uc1:Seasons ID="Seasons1" runat="server" />
</asp:Content>

L’exemple suivant montre la page maître qui contient la page de contenu.

<%@ Master AutoEventWireup="true" %>

<!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">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
        
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

Remarques

Lorsqu’un contrôle serveur Web est rendu en tant qu’élément HTML, l’attribut id de l’élément HTML est défini sur la valeur de la ClientID propriété. La ClientID valeur est souvent utilisée pour accéder à l’élément HTML dans le script client à l’aide de la document.getElementById méthode. L’ID est également souvent utilisé dans les règles CSS pour spécifier des éléments à style. Par exemple, la règle de style CSS suivante sélectionne tous les span éléments qui ont la id valeur d’attribut et ProductIDLabel définissent leur background-color attribut sur white:

span#ProductIDLabel { background-color: white; }

ASP.NET fournit plusieurs algorithmes pour générer la valeur de propriété ClientID . Vous sélectionnez l’algorithme à utiliser pour un contrôle en définissant sa ClientIDMode propriété. Les algorithmes sont identifiés par les ClientIDMode valeurs d’énumération répertoriées dans le tableau suivant.

Valeur Description
AutoID La ClientID valeur est générée en concaténant les ID valeurs de chaque conteneur d’affectation de noms parent avec la ID valeur du contrôle. Dans les scénarios de liaison de données où plusieurs instances d’un contrôle sont rendues, une valeur d’incrémentation est insérée devant la valeur du ID contrôle. Chaque segment est séparé par un caractère de soulignement (_). Cet algorithme a été utilisé dans les versions de ASP.NET antérieures à ASP.NET 4.
Static La ClientID valeur est définie sur la valeur de la ID propriété. Si le contrôle est un conteneur d’affectation de noms, le contrôle est utilisé en haut de la hiérarchie des conteneurs d’affectation de noms pour tous les contrôles qu’il contient.
Predictable Cet algorithme est utilisé pour les contrôles qui se trouvent dans des contrôles liés aux données. La ClientID valeur est générée en concaténant la ClientID valeur du conteneur d’affectation de noms parent avec la ID valeur du contrôle. Si le contrôle est un contrôle lié aux données qui génère plusieurs lignes, la valeur du champ de données spécifié dans la ClientIDRowSuffix propriété est ajoutée à la fin. Pour le GridView contrôle, plusieurs champs de données peuvent être spécifiés. Si la ClientIDRowSuffix propriété est vide, un nombre séquentiel est ajouté à la fin au lieu d’une valeur de champ de données. Chaque segment est séparé par un caractère de soulignement (_).
Inherit Le contrôle hérite du ClientIDMode paramètre de son NamingContainer contrôle.

La valeur par défaut d’une ClientIDMode page est Predictable. La valeur par défaut d’un ClientIDMode contrôle est Inherit. Étant donné que la valeur par défaut pour les contrôles est Inherit, le mode de génération par défaut est Predictable. (Toutefois, si vous utilisez Visual Studio pour convertir un projet Web en ASP.NET 4 à partir d’une version antérieure, Visual Studio définit automatiquement le site par défaut AutoID dans le fichier Web.config.)

Pour plus d’informations, consultez ASP.NET Identification du contrôle de serveur web.

S’applique à

Voir aussi