扩展器覆盖Silverlight中的控件

Question

我有一个树控件，用户可以通过检查它们来选择节点。我想给用户一个选项，只显示选定的项目。

我在想膨胀机。当用户扩展扩展器时，扩展器在原始树形控件上展开另一个仅显示所选项目的内容。

麻烦的是膨胀机只能伸展到其内容的大小。我想让扩展器充分伸展，以便在扩展器折叠之前隐藏原始树。

代码如下。画布外的树是原始树。画布内的树是扩展器应该显示的只读树

<Grid Grid.Row="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="33" /> 
        <RowDefinition Height="*"/> 
       </Grid.RowDefinitions> 


       <Canvas Canvas.ZIndex="999" Grid.Row="0" HorizontalAlignment="Stretch" > 
        <telerik:RadExpander HorizontalAlignment="Right" ToolTipService.ToolTip="Show Selected Items" 
         ExpandDirection="Down" Expanded="RadExpander_Expanded" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"> 
         <telerik:RadExpander.Header> 
          <TextBlock 
     Text="Selected Items" 

     Width="{Binding  RelativeSource={RelativeSource AncestorType=telerik:RadExpander}, Path=ActualWidth}" /> 
         </telerik:RadExpander.Header> 

         <telerik:RadTreeView IsExpandOnSingleClickEnabled="True" IsLoadOnDemandEnabled="False" 

              Height="{Binding RelativeSource={RelativeSource AncestorType=telerik:RadExpander}, Path=ActualHeight}" 
          ItemTemplate="{StaticResource SelectedElementDataOnlyTemplate}" Margin="0,0,0,8"    
           ItemsSource="{Binding Path=SelectedElementsOnly}" x:Name="ElementsTree2" > 
         </telerik:RadTreeView> 

        </telerik:RadExpander>     

       </Canvas> 
       <telerik:RadTreeView AutomationProperties.AutomationId="ElementPicker" IsExpandOnSingleClickEnabled="True" IsVirtualizing="True" 
          ItemsOptionListType="None" Grid.Row="1" ItemTemplate="{StaticResource ElementDataTemplate}" IsRootLinesEnabled="True" Margin="0,0,0,8" 
          ItemsSource="{Binding Path=Elements}" IsLoadOnDemandEnabled="True" Visibility="{Binding ToggleSelectedElements, 
                       Converter={StaticResource BoolToVisibilityConverter}}" LoadOnDemand="tvMain_LoadOnDemand" x:Name="ElementsTree" SelectedItem="{Binding Path=SelectedItem,Mode=TwoWay}"> 
       </telerik:RadTreeView> 
      </Grid> 

Answer 1

使用画布而不是网格会诀窍。

希望它有帮助。