Can a user control perform binding when part of a ListView in WinUI?

Question

I'm trying to use a UserControl-derived control (UpdateBlockControl) inside the DataTemplate of a ListView, like this:

    <ListView x:Name="AppsListView">
       <ListView.ItemTemplate>
          <DataTemplate x:DataType="model:AppBase">
             <StackPanel Orientation="Horizontal">
                <local:UpdateBlockControl ImageSource="{x:Bind ImageSource}" AppName="{x:Bind Name}"/>
                <TextBlock Text="{x:Bind Name}" Foreground="Orange" Margin="8,0,0,0" />
                <TextBlock Text="{x:Bind ImageSource}" Margin="8,0,0,0" Foreground="LimeGreen"/>
             </StackPanel>
          </DataTemplate>
       </ListView.ItemTemplate>
    </ListView>

UpdateBlockControl is derived from UserControl and I'm trying to bind its properties (ImageSource and AppName) to the model's (AppBase) properties.

You can see me trying to set up these bindings in the first item in the StackPanel. Just to see if the binding works at all, I also bind a couple of TextBlocks to these properties.

The XAML for UserBlockControl is essentially this:

    <StackPanel Orientation="Vertical">
        <TextBlock Text=":-)"/>
        <TextBlock Text="{x:Bind AppName}"/>
        <TextBlock Text="{x:Bind ImageSource}"/>
    </StackPanel>

When I run the application I see the following:

So the UserControl properties aren't working correctly it would seem: I get the :-) for the first TextBlock but the second and third TextBlocks are empty. Their equivalents in the ListView do work however (see image, above).

Should I be able to use a user control insisde a DataTemplate like this? If so, why aren't the bindings working?

Is this a WinUI 3 app?

Andrew KeepCoding
– Andrew KeepCoding

2022-10-08 02:44:52 +00:00
Commented Oct 8, 2022 at 2:44 — Andrew KeepCoding
– Andrew KeepCoding, Commented Oct 8, 2022 at 2:44
@AndrewKeepCoding It is.

WalderFrey
– WalderFrey

2022-10-08 21:29:14 +00:00
Commented Oct 8, 2022 at 21:29 — WalderFrey
– WalderFrey, Commented Oct 8, 2022 at 21:29

Andrew KeepCoding · Accepted Answer · 2022-10-08 04:07:00Z

1

x:Bind is Mode=OneTime by default. So, once a DependencyProperty is initialized inside the UserControl, it won't be updated anymore.

You need to add Mode=OneWay to x:Bind in UpdateBlockControl.

<StackPanel Orientation="Vertical">
    <TextBlock Text=":-)" />
    <TextBlock Text="{x:Bind AppName, Mode=OneWay}" />
    <TextBlock Text="{x:Bind ImageSource, Mode=OneWay}" />
</StackPanel>

answered Oct 8, 2022 at 4:07

Andrew KeepCoding

15.4k2 gold badges25 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

WalderFrey Over a year ago

Thanks, that did the trick. I was also missing INotifyPropertyChanged from the user control. Doesn't seem happy when that's missing.

Collectives™ on Stack Overflow

Can a user control perform binding when part of a ListView in WinUI?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related