Boolean column with a converter

[Patrick]

Hello,
I have a GridView that contains a column bound to a Boolean value.
I want that the value is not displayed with the default check box, so I wrote a converter that displays a check mark only when the value is true.

If I use the converter only on the DataContext, the column is still displayed with the standard check box:

DataContext="{Binding IsTeamMate, Converter={StaticResource BooleanToCheckMark}}"

To have the column displayed normally, I had to define a cell template:

<tk:GridViewDataColumn DataContext="{Binding IsTeamMate, Converter={StaticResource BooleanToCheckMark}}"
                       Header="Already played"


                       IsGroupable="False"

                       ShowFieldFilters="False"

                       UniqueName="IsTeamMate"

                       Width="30">

  <tk:GridViewDataColumn.CellTemplate>

    <DataTemplate>

      <TextBlock Text="{Binding IsTeamMate, Converter={StaticResource BooleanToCheckMark}}" />

    </DataTemplate>

  </tk:GridViewDataColumn.CellTemplate>

</tk:GridViewDataColumn>

Is it a normal behavior or is there another way to display the column correctly ?

[Dimitrina]

Hi,

By default when the bound value is of type Boolean, a CheckBox will be created as cell element.
How have you defined the Converter you are referring to?

I tested with the following code in the Convert method:

public partial class BooleanToCheckMark : IValueConverter
{
     public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
     {
         if (!value)
         {
             return "False";
         }
         return true ;
     }
 ...

As a result I got some of the cells with a CheckBox marked as true and some cells with text "False".

Basically you need to return the original Boolean value if it is true and a string otherwise.

Regards,
Didie
Telerik

 

 

[Patrick]

Hi Didie,
thank you for the answer.
My converter returns either an empty string (for false) or a string containing "✔" (for true).
So this should work.