We werken verder met de toepassing uit het hoofdstuk GridView: de nascholingen-database met DAL en Logic-layer.

We zorgen ervoor dat een figuur aangepast wordt wanneer een nascholing actief of niet-actief is.

• Maak een nieuwe Web Form: DataList_nascholing.aspx
• Voorzie een DataList, kies een Auto Format
• Kies Choose Data Source - New Data Source
• ObjectDataSource met Logic.Nascholingen als Business-object.
• Getnascholingen is de selectmethode
• Via smart tag kies je Edit Templates
• Voeg een Image ImgActief toe met als ImageUrl: images/new.jpg
• Voeg een eventhandler voor de DataList toe voor het event ItemDataBound

  protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
  {
      if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
      {
          Nascholing n = (Nascholing)e.Item.DataItem;
  
          if (!n.Actief)
          {
              Image img = (Image)e.Item.FindControl("ImgActief");
              img.ImageUrl = "images/cancel.jpg";
          }
      }
  
  }
  

Voorzie een nieuwe DataList, kies een Auto Format

Kies Choose Data Source - New Data Source (of de datasource uit het vorige voorbeeld)

ObjectDataSource met Logic.Nascholingen als Business-object.

Getnascholingen is de selectmethode

Via smart tag kies je Edit Templates

Voeg een Image ImgActief toe met als ImageUrl: images/new.jpg

Kies edit DataBindings voor de Image

Voor de eigenschap ImageUrl geef je volgende Custom Binding expression: ToonActiefFiguur((bool)Eval("Actief"))

Voeg een methode ToonActiefFiguur toe aan de code-behind van de Web Form:

protected string ToonActiefFiguur(bool actief)
{
    if (actief) return "images/new.jpg";
    return "images/cancel.jpg";
}