Placing 2 itemscontrol inside one datatemplate and border in XAML

Question

0.00/5 (No votes)

See more:

Here is short overview of my xaml structure, and I cant figure out how to have 2 ItemsControl from 2 different bindings inside one DataTemplate and Border for both Rows inside Grid.

<Grid Grid.Row="1">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<ItemsControl Grid.Row="0" x:Name="AdditionalInfoControl" ItemsSource="{Binding VisibilityCollection}" Grid.ColumnSpan="2">
<DataTemplate>
<Border BorderBrush="DimGray" CornerRadius="8,8,8,8" BorderThickness="2,2,2,2" Margin="5,2,3,3" Background="WhiteSmoke">
</Border>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
<ItemsControl Grid.Row="1" x:Name="Details" ItemsSource="{Binding DetailsCollection}" Grid.ColumnSpan="2">
<DataTemplate>
<Border BorderBrush="DimGray" CornerRadius="8,8,8,8" BorderThickness="2,2,2,2" Margin="5,2,3,3" Background="WhiteSmoke">
</Border>
</DataTemplate> 
</ItemsControl.ItemTemplate></ItemsControl>
</Grid>

What I have tried:

Code above is what I tried but I dont have idea how to fix this issue.

Posted 18-Feb-18 20:48pm

Member 13568484

Updated 19-Feb-18 2:42am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

johannesnestler · Answer 1 · 2018-02-19T02:43:00

Solution 1

You need another layout panel in between. eg. DataTemplate->Border->StackPanel->ItemsControls
What you mean with "different bindings"? different DataContexts? No your Code doesn't look like this. So I don't get what could be wrong with the bindings - Looks ok To me - just put them together inside the DataTemplate...

Posted 19-Feb-18 2:43am

johannesnestler

Comments

Member 13568484 19-Feb-18 8:54am

Maybe I will explain bit better. The problem is that each ItemControl has own border, which instead of giving me one background color WhiteSmoke for each row and each ItemSource, I am having one ItemSource on that background, than there is space and again another same background applied separately. I would like to have both ItemControls on same Border....