Comment faire pour ajouter une info-bulle au survol de la souris sur l'Affichage de la Grille en-Tête de Colonne

Lorsque l'utilisateur placez overs l'en-tête de colonne une colonne dans gridview pour exemple: en-Tête de Colonne Année, quand j'ai passez la souris sur l'Année je devrais voir une explication de ce que l'Année signifie "C'est l'année où l'étudiant rejoint le collège etc".

Ci-dessous est mon ascx code:

 <asp:GridView ID="grdView" runat="server" Width="900px" AutoGenerateColumns="False"
                AllowPaging="true" AllowSorting="true" CellSpacing="0" CellPadding="5" PageSize="20"
        OnRowDataBound="grdView_RowDataBound">
                <Columns>
 <asp:TemplateField HeaderText="ID Number" ItemStyle-Width="90px" >
    <ItemTemplate>
      <asp:Label ID="Label1" runat="server" Text='<%# Bind("ID")%'></asp:Label>
    </ItemTemplate>
 </asp:TemplateField><asp:BoundField DataField="StudentName" HeaderText="StudentName"> </asp:BoundField>

S'il vous plaît laissez-moi savoir comment ai-je pu survoler les textes ou les info-bulles sur les titres de la colonne de mon gridview.
Merci,

InformationsquelleAutor Janet | 2012-11-08
  1. 6

    Je n'ai jamais fait de toute asp.net de développement, mais il semble être une solution ici: comment ajouter un titre pour chaque en-tête de colonne dans gridview dans ASP.NET

    votre échantillon pourrait ressembler à ceci:

     <asp:GridView ID="grdView" runat="server" Width="900px" AutoGenerateColumns="False"
            AllowPaging="true" AllowSorting="true" CellSpacing="0" CellPadding="5" PageSize="20"
    OnRowDataBound="grdView_RowDataBound">
            <Columns>
 <asp:TemplateField HeaderText="ID Number" ItemStyle-Width="90px" >
<HeaderTemplate>
       <asp:Label ID="Header" ToolTip="HERE WE GO!!!!" runat="server" Text="Label"></asp:Label>
       </HeaderTemplate>
    <ItemTemplate>
      <asp:Label ID="Label1" runat="server" Text='<%# Bind("ID")%'></asp:Label>
    </ItemTemplate>
 </asp:TemplateField><asp:BoundField DataField="StudentName" HeaderText="StudentName"> </asp:BoundField>

    Je donnerais un essai 🙂

    InformationsquelleAutor Peter Butkovic
  2. 7

    Comment faire pour ajouter une info-bulle au survol de la souris sur l'Affichage de la Grille en-Tête de Colonne

    protected void grd_popup_details_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        for (int i = 0; i < e.Row.Cells.Count; i++)
        {
            e.Row.Cells[i].ToolTip = e.Row.Cells[i].Text;
        }
    }

    Refference lien

    • plus 1 pour l'info graphique plus qu'autre chose! 🙂 Comment faites-vous cela?
    • Comment ajouter de l'outil de pointe pour la colonne seulement,dites dans votre réponse que pour les Commentaires
    InformationsquelleAutor Kesavarapu Venkatesh
  3. 5

    Dans votre code derrière, créer la méthode rowDataBound pour le contrôle GridView et ajoutez le code ci-dessous

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.Header)
    {
        foreach (TableCell cell in e.Row.Cells)
        {
            cell.Attributes.Add("title", "Tooltip text for " + cell.Text);
        }
    }
}

    N'oubliez pas de définir l'attribut OnRowDataBound dans le contrôle GridView.

    http://rosshawkins.net/archive/2007/04/15/adding-tooltips-to-gridview-headers.html.aspx

    • Qui ne la cellule, que sur l'en-tête?
    • Le lien crs0794 posté est une excellente façon d'ajouter des info-bulles à en-tête. La peine de lire.
    InformationsquelleAutor crs0794
  4. 1
    if (e.Row.RowType == DataControlRowType.DataRow)
{
     e.Row.Cells[1].ToolTip = Grd.Columns[1].HeaderText;
}
    • Merci pour cet extrait de code, ce qui pourrait fournir quelques limitée, d'une aide immédiate. explication pourrait grandement améliorer sa valeur à long terme en montrant pourquoi c'est une bonne solution au problème, et de le rendre plus utile pour les futurs lecteurs avec d'autres, des questions similaires. Veuillez modifier votre réponse à ajouter quelques explications, y compris les hypothèses que vous avez faites.
    InformationsquelleAutor JIYAUL MUSTAPHA
  5. 1

    Voici un exemple montrant sa possible d'utiliser ColumnName est de même lorsque Autogenerate=Vrai et le contrôle GridView colonnes ont été déterminées dynamiquement.

    Aussi HtmlDecode() semble être nécessaire lorsque le texte contient des caractères d'échappement, tels que les doubles guillemets.

    Dictionary<string, int> _headerIndiciesForDetailsReportGridView = null;

protected void detailsReportGridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (_headerIndiciesForDetailsReportGridView == null)
    {
        int index = 0;
        _headerIndiciesForDetailsReportGridView = ((Table)((GridView)sender).Controls[0]).Rows[0].Cells
            .Cast<TableCell>()
            .ToDictionary(c => c.Text, c => index++);
    }

    if (e.Row.RowType == DataControlRowType.DataRow)
    {                            
        TableCell cell = e.Row.Controls[_headerIndiciesForDetailsReportGridView["theColumnName"]] as TableCell;

        //Shorten text in a particular column to a max of 20 characters.
        //Set tooltip to the full original text. Decode to remove &quot, etc.
        //
        string orgText = cell.ToolTip = HttpUtility.HtmlDecode(cell.Text);

        if (orgText.Length > 20)    //If cell text should be shortened
            cell.Text = HttpUtility.HtmlEncode(orgText.Substring(0, 20) + "...");
    }
}
    InformationsquelleAutor crokusek