Multiple text items in List view item

Question

Does anyone know of the correct way to add multiple sections of text to one listview item when using Windows 10 universal apps in C#? Items.subitems doesn't seem to work. Say my two string I want to display in a single list item are stored in...

    public class listContent
    {
        public string heading { get; set; }
        public string subHeading { get; set; }
    }

Would doing something similar to this work?

listContent listItem = new listContent();
listItem.heading = "HEADING";
listItem.subHeading = "subheading";
lsvTransactions.Items.Add(listItem);

Regards Nathan

score 2 · Answer 1 · answered Sep 15 '15 at 18:04

As it was said maybe if you give us more info on your code, we can help better. I post you here a sample of a Listbox (which is similar to the listview) with the definition of the ItemTemplate for the elements I use and how to bind the items to the listbox and the fields in the items to the elements put in the Listbox.

    <ListBox Grid.Row="0" Grid.Column="0" ItemsSource="{Binding Path=MeasureUnits, Mode=OneWay}"
              SelectedItem="{Binding Path=SelectedMeasureUnit, Mode=TwoWay}"
            SelectionMode="Single" Margin="0" 
              IsSynchronizedWithCurrentItem="True" >
        <ListBox.ItemTemplate>
                <DataTemplate>
                    <StackPanel>
                        <WrapPanel>
                            <TextBlock Text="{Binding Path=ID}" Style="{StaticResource idStyle}" />
                            <TextBlock Text="{Binding Path=Description}" Style="{StaticResource desStyle}"/>
                        </WrapPanel>
                        <WrapPanel>
                            <TextBlock Text="{Binding Path=DestinationUnitsInSource}" Style="{StaticResource numStyle}" />
                            <TextBlock Text="{Binding Path=SourceUnitsInDestination}" Style="{StaticResource numStyle}" />
                        </WrapPanel>
                    </StackPanel>
                </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Wrap Panel is not supported in Universal and IsSynchronizedWithCurrentItem is not supported, but I upvote this :) — Seth Kitchen, Sep 15 '15 at 18:32
You can simply remove all the unsupported code here. I don't think he wants a `WrapPanel` in his case, a `StackPanel` would do. — Justin XL, Sep 15 '15 at 21:51

score 2 · Accepted Answer · answered Sep 16 '15 at 03:27

Best way is to DataBind to a custom DataTemplate. Considering you already have lsvTransactions name ListView. Here is what you should do.

Create a List of listContent in your .cs file showed below

public class MainPage : Page
{
    public List<listContent> ContentList {get; set;}
    .....

Add Items to this ContentList in your code like you did above.
After adding items add the following line to point to data source.
```
lsvTransactions.DataContext = ContentList;
```

Create a ListView like shown below with DataTemplate

<ListView x:Name="lsvTransactions" ItemsSource={Binding}>
        <ListView.ItemTemplate>
                <DataTemplate>
                        <StackPanel>
                                <TextBlock Text="{Binding heading}"/>
                                <TextBlock Text="{Binding subheading}"/>
                        </StackPanel>
                </DataTemplate>
        </ListView.ItemTemplate>
</ListView>

`` this line returns an error on "ItemsSource={Binding}. When I change it to "ItemsSource="{Binding}" the error goes but nothing appears in the list box — Xylynx, Sep 17 '15 at 15:31

score 0 · Answer 3 · answered Sep 15 '15 at 17:22

0

In my XAML:

 <ListView x:Name="listView">

In my C#:

listView.Items.Add(item);

Where Item is an object with multiple text elements.

If you post code I can be more specific.

answered Sep 15 '15 at 17:22

Seth Kitchen

1,526
19
53

Even though if you add it to listView like this, your `ListView` will have no idea how to show these these two elements :) You will need to define a DataTemplate to make it possible. – Gaurav Chouhan Sep 16 '15 at 03:29

Multiple text items in List view item

3 Answers3