Question

I’m interesting, can I group some controls (image, 2-3 textboxes) in one element, and then push group of this elements in listbox? I’m trying to make a news reader of russian social network Vkontakte into Windwos Phone 7.

Each news has an image, text, and some other metadata. So I want to group all this info in one control and use it in listbox.
I tryied to push a grid(which had an image and two textboxes) into listbox, but it throws XamlParseException.
Also, I need to get the content of theese textboxes and images from code. In grid I can use

<Grid.Resources>
    <src:Customers x:Key="customers"/>
</Grid.Resources>

Answer 1

Here is what you need:

• A collection (ObservableCollection<T> recommended) of models (News in you case).
• A ListBox
• A DataTemplate

Example:

XAML:

<ListBox Name="ListBox1">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
                ...
                <Image Source="{Binding ImagePropertyInModel}" ... />
                <TextBlock Text="{Binding TextPropertyInModel}" ... />
                ...
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Code behind:

ListBox1.ItemsSource = <collection of models>;

Instead of the <Grid> in <DataTemplate> you can use a Custom Control (Templated Control) or a User Control that you may already have.