Winrt IValueConverter on a GridView item

Question

I have a ObservableCollection<TimeSpan> Laps which I am databinding to a gridview. This works as expected but I need to apply a converter to set the format of the TimeSpan:

In my resources:

<utils:TimeToStringConverter x:Key="myConverter"/>

My Gridview:

<GridView HorizontalAlignment="Left" Height="278" Margin="78,220,0,0" VerticalAlignment="Top" Width="1278" ItemsSource="{Binding model.Laps}" />

I have the following converter which I want to apply on the items of a GridView / ListView in Winrt:

public class TimeToStringConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        TimeSpan t = (TimeSpan) value;

        return t.ToString(@"hh\:dd\:ss\.fff");

    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

I can't figure out how to get the converter to work, and when I apply it on the GridView then it is looking for me to convert an Observable collection rather than just a TimeSpan item. What should I do here ?

Regards

score 1 · Accepted Answer · answered Mar 26 '13 at 16:15

1

You need something like a

<GridView
    ...>
    <GridView.ItemTemplate>
        <DataTemplate>
            <TextBlock
                Text="{Binding Converter={StaticResource myConverter}}" />
        </DataTemplate>
    </GridView.ItemTemplate>

answered Mar 26 '13 at 16:15

Filip Skakun

31,624
6
74
100

Bingo. Thank you. I attempted this the first time, assumed it was wrong, realised that instead of giving a TimeSpan object to the Convert it was actually feeding in a string strangely. I accounted for this and it worked. – Peter Mar 26 '13 at 16:52

Smaug · Answer 2 · 2013-03-26T15:06:46.227

-1

Use the below modified line

I've just modified the item source like below

ItemsSource="{Binding model.Laps,Converter={StaticResource myConverter}}"

<GridView HorizontalAlignment="Left" Height="278" Margin="78,220,0,0" VerticalAlignment="Top" Width="1278" ItemsSource="{Binding model.Laps,Converter={StaticResource myConverter}}" />

edited Mar 26 '13 at 15:06

answered Mar 26 '13 at 14:58

Smaug

2,625
5
28
44

It should be {StaticResource myConverter} for his scenario. – Caleb Keith Mar 26 '13 at 15:02
"Cast is not valid". It is trying to convert the observablecollection it appears, rather than a TimeSpan. – Peter Mar 26 '13 at 15:40

Winrt IValueConverter on a GridView item

2 Answers2