Databases
StackOverflow2013
Postsdbo
POBind image in templated ListBox to ViewModel property
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POBind image in templated ListBox to ViewModel property
    primarykey
    data
    text
    <p>TL;DR - I had a binding error. Tired eyes miss things.</p> <p>I have implemented a multi-select CheckBox list using a ListBox as the container. Now, beside each checkbox in the list I want to display an image whose visbility is bound to a ViewModel property, but I'm having difficulty doing this.</p> <p>My styles are:</p> <pre><code>&lt;Grid.Resources&gt; &lt;Style x:Key="ListBoxCheckStyle" TargetType="ListBox"&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType="ListBox"&gt; &lt;ItemsPresenter HorizontalAlignment="Left" VerticalAlignment="Top"/&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;ItemsPanelTemplate x:Key="ListBoxCheckStyleItemsPanelTemplate"&gt; &lt;StackPanel /&gt; &lt;/ItemsPanelTemplate&gt; &lt;Style x:Key="ListBoxItemCheckStyle" TargetType="ListBoxItem"&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType="ListBoxItem"&gt; &lt;StackPanel Orientation="Horizontal"&gt; &lt;ChimeControls:CheckBox Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="0,0,10,0" IsChecked="{Binding IsSelected, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/&gt; &lt;Image Width="16" Height="16" VerticalAlignment="Center" Source="{StaticResource OccurredStatusTypeImageSource}" Visibility="{Binding HasConsentCondition, Converter={StaticResource BoolToVisibilityConverter}, FallbackValue=Collapsed}" HorizontalAlignment="Right" Margin="10,0,10,0" /&gt; &lt;/StackPanel&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;/Grid.Resources&gt; </code></pre> <p>My Listbox is defined as:</p> <pre><code>&lt;ListBox x:Name="objectivesListBox" HorizontalAlignment="Left" VerticalAlignment="Top" Style="{StaticResource ListBoxCheckStyle}" ItemsPanel="{StaticResource ListBoxCheckStyleItemsPanelTemplate}" ItemContainerStyle="{StaticResource ListBoxItemCheckStyle}" ItemsSource="{Binding ObjectivesList}" DisplayMemberPath="mgt_plan_obj_name" AttachedProperties:ListBoxSelectedItems.Items="{Binding SelectedObjectives, Mode=TwoWay}" SelectionMode="Multiple"/&gt; </code></pre> <p>My image never displays though, and the getter of the property the Visibility is bound to is never called. What am I missing?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCiaran O'Neill
    1. USCiaran O'Neill
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COYour XAML looks OK. Are there any binding errors in the Output window during runtime? If you put a breapoint in your `BoolToVisibilityConverter` is it being hit? Is `OccurredStatusTypeImageSource` points to the correct image?
      singulars
      1. POBind image in templated ListBox to ViewModel property
      1. USnemesv
    2. COGah, I could swear I looked at the output window and there was no binding errors yeaterday. I suppose that's what fresh eyes in the morning brings. Thanks for your help.
      singulars
      1. POBind image in templated ListBox to ViewModel property
      1. USCiaran O'Neill
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload