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

使用Canvas而不是Grid可以解决问题。

希望它有所帮助。

扩展器在silverlight中叠加控件

1 个答案: