Image de sortie dans le DataGrid

Question

Comment pouvez-vous faire une sortie personnalisée pour un gridview lié? C'est à dire. J'ai un champ booléen dans une base de données, plutôt que d'écrire True car je reçois <% # DataBinder.Eval (Container.DataItem, "BoolField")%>, je voudrais mettre une image (comme une coche) dans la vue de la grille. Est-ce possible?

Answer 1

tout d'abord Eval est mal. Il y a une solution avec eval mais je vais l'ignorer exprès.

Il existe 2 autres solutions. Vous pouvez utiliser le champ ImageField et façonner les données pour transmettre l'URL corret de l'image dans une propriété spéciale que vous devez spécifier dans la propriété DataImageUrlField du champ ImageField.

L'autre solution consiste à ajouter un champ de modèle avec un contrôle Image et gérer l'événement RowDataBound obtenir les données de la ligne à partir des arguments d'événement e.Row.DataItem le convertir en le type des éléments de votre source de données et extrait la valeur booléenne. Vous pouvez ensuite utiliser FindControl pour obtenir le contrôle Image et assigner ses propriétés. Quelque chose comme ceci:

protected void Page_Load(object sender, EventArgs e) 
{ 
    gvTest.DataSource = new bool[] { true, false }; 
    gvTest.DataBind(); 
} 

protected void gvTest_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     Image imgBool = (Image)e.Row.FindControl("imgBool"); 
     bool data = (bool)e.Row.DataItem; 
     if (data) 
     { 
      imgBool.ImageUrl = "/images/true.jpg"; 
      imgBool.AlternateText = "This is true"; 
     } 
     else 
     { 
      imgBool.ImageUrl = "/images/false.jpg"; 
      imgBool.AlternateText = "This is false"; 
     } 
    } 
}

Cela peut sembler beaucoup de travail, mais rappelez-vous que vous pouvez utiliser ce même gestionnaire pour travailler avec tous les colums dans votre grille dans un type de manière sûre.

Answer 2

Displaying Images in a GridView Column