Come mostrare le immagini in un Silverlight Datagrid

April 19

Come mostrare le immagini in un Silverlight Datagrid


E 'facile per visualizzare un'immagine in una griglia di dati di Microsoft Silverlight. Invece di utilizzare "DataGridTextColumn" per visualizzare i dati in una colonna, utilizzare "DataGridTemplateColumn" per creare un modello di dati per la colonna. Nel modello di dati, creare un oggetto immagine e specificare l'immagine, larghezza e altezza per visualizzare l'immagine nella cella.

istruzione

1 Creare la griglia di dati trascinando il controllo DataGrid dalla casella degli strumenti e rilasciandolo nel progetto. Impostare il "AutoGenerateColumns" proprietà "False", "Sola lettura" a "vero", "Ordinamento Colonne" a "True" e impostare un margine adeguato.

2 Creare un gestore per recuperare il testo e immagini, legarli e servirli alla griglia di dati. Creare una routine di errore specifico alle immagini nel caso ci sia un problema di visualizzazione di un'immagine.

3 Aggiungere la colonna dell'immagine utilizzando "DataGridTempalteColumn." Aggiungere un modello di cellulare e creare un oggetto immagine per visualizzare l'immagine nella cella. Per esempio:

<data:DataGridTemplateColumn>
<data:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Image x:Name="picture" ImageFailed="picture_ImageFailed" Width="200" Height="130" Visibility="Visible"/>
</DataTemplate>
</data:DataGridTemplateColumn.CellTemplate>
</data:DataGridTemplateColumn>