Databases
StackOverflow2013
Postsdbo
POToggleButtons in ItemsControl bound to an ObservableCollection
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POToggleButtons in ItemsControl bound to an ObservableCollection
    primarykey
    data
    text
    <p>First of all i want to excuse my English.</p> <p>What i want to achieve looks very simple but i'm a bit lost in the implementation.</p> <p><strong>Background:</strong> I have an ObservableCollection of Contacts. these contacts all have 1 or more ContactRoles. I bind the contacts to the itemssource of an ItemsControl and want a ToggleButton for every role in the contact to be displayed.</p> <p><strong>Question:</strong> My first question is how can i go from a list of contacts with roles to a lot of ToggleButtons on screen. The second question i have is If i click one ToggleButton all other buttons that have the same contact need to be checked as well. If i click another togglebutton which belong to another contact all checked buttons needs to be unchecked and the buttons belonging to the new contact needs to be checked.</p> <p><strong>What do i have now:</strong> What i have now is an itemscontrol in an itemscontrol and the internal itemscontrol it's itemtemplate is printing the ToggleButtons look an the code below:</p> <pre><code>&lt;Button Content="Add" Width="72" Height="27" Command="{Binding Path=AddContact}" VerticalAlignment="Top"/&gt; &lt;ItemsControl ItemsSource="{Binding Path=Contacts}" IsTabStop="False" Name="Parent"&gt; &lt;ItemsControl.ItemsPanel&gt; &lt;ItemsPanelTemplate&gt; &lt;WrapPanel /&gt; &lt;/ItemsPanelTemplate&gt; &lt;/ItemsControl.ItemsPanel&gt; &lt;ItemsControl.ItemTemplate&gt; &lt;DataTemplate&gt; &lt;ItemsControl ItemsSource="{Binding ContactRoles}"&gt; &lt;ItemsControl.ItemsPanel&gt; &lt;ItemsPanelTemplate&gt; &lt;WrapPanel /&gt; &lt;/ItemsPanelTemplate&gt; &lt;/ItemsControl.ItemsPanel&gt; &lt;ItemsControl.ItemTemplate&gt; &lt;DataTemplate&gt; &lt;ToggleButton Content="{Binding}" CommandParameter="{Binding ElementName=Parent, Path=DataContext.Item}" Template="{StaticResource toggleButtonTemplateButtonBar}" Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.ViewContact}" Height="27" MinWidth="100"&gt; &lt;/ToggleButton&gt; &lt;/DataTemplate&gt; &lt;/ItemsControl.ItemTemplate&gt; &lt;/ItemsControl&gt; &lt;/DataTemplate&gt; &lt;/ItemsControl.ItemTemplate&gt; &lt;/ItemsControl&gt; </code></pre> <p>This part of the code is showing. I hope someone can help me with this. </p> <p>Some other questions i have is Do i need to make a Custom Control that inherits from ItemsControl or can this be done by templates and styles?</p> <p>I you need more information let me know.</p> <p>Thanks, Jordy</p> <p>EDIT:</p> <p>I'm sorry i was not so clear with formulating my questions. to come back on you comment. The ItemsSource of the first ItemsControl hold a list with unique contacts, the ItemsSource of the second hold a list of strings (roles) that belong to this contact. I want to show an ToggleButton for each role of all contacts. But i think you've guested that from my codeexample.</p> <p><img src="https://i.stack.imgur.com/RddY3.jpg" alt="Some more information"></p> <p>This image will show what i'm trying to do. I hope this makes thing more clear.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USJordy van Eijk
    1. USJordy van Eijk
    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. VO
      singulars
      1. POToggleButtons in ItemsControl bound to an ObservableCollection
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POToggleButtons in ItemsControl bound to an ObservableCollection
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POToggleButtons in ItemsControl bound to an ObservableCollection
      1. This table or related slice is empty.
      1. VTUpMod
    1. COit is not that clear what problems you have with your current code. It seems to display `contact roles` correctly. Regarding your second scenario (when you uncheck something), it will be easier to understand what you want to achieve if you will provide a sample scenario
      singulars
      1. POToggleButtons in ItemsControl bound to an ObservableCollection
      1. USSnowbear
 

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