ComponentOne WPF Edition
In This Topic
Quickstart
In This Topic

This quick start guides you through the steps of adding the ListView control in a WPF application, adding data to it and displaying the data in the control.

In this use-case, we create a ListView, and add several ListView Items to it.

Listview control

Add assembly references

In order to use ListView in your project you have to add reference to the C1.WPF.ListView assembly from References in the Solution Explorer.

Add ListView to the project

You can add the control in your page by dragging it from the toolbox and dropping in the designer view, or creating the control manually in the XAML view.

Below is the code snippet for creating the ListView control in XAML:

XAML
Copy Code 
<c1:C1ListView  x:Name="listView1" Margin="0,10,10,10"></c1:C1ListView>

Populate ListView with items

The ListView control can be populated by adding ListView Items to the items collection, or by using data binding.

<c1:C1ListView  x:Name="listView1" Margin="0,10,10,10" BorderThickness="2" >
    <c1:C1ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal" >
                <Image Source="{Binding imagePath}" Height="100" Width="175" />
                <StackPanel>
                    <TextBlock FontSize="14" TextWrapping="Wrap" Height="90" Width="175">
                   <Run Text="{Binding Heading  }" />
                    <LineBreak/>
                    <Run Text="{Binding Description}" FontStyle="Italic" Foreground="LightSlateGray"/>                            
                    </TextBlock>
                    <Button Content="Donate" Width="100"></Button>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </c1:C1ListView.ItemTemplate>
</c1:C1ListView>