Silverlight 中具有多个数据网格的 ScrollViewer答案

【问题标题】：ScrollViewer with multiple datagrids in silverlightSilverlight 中具有多个数据网格的 ScrollViewer
【发布时间】：2012-08-30 17:58:26
【问题描述】：

我在堆栈面板和网格中有 3 个数据网格，我也需要在滚动查看器中添加它们。当我尝试将滚动查看器添加到网格或堆栈面板时，没有任何反应。当我用滚动查看器包围整个堆栈面板和网格时，它可以工作，但它会将滚动条放在与数据网格分开的页面一侧。我需要的是网格/堆栈面板来一起滚动所有三个网格（我不希望每个数据网格都滚动；我需要它们保持组合在一起）。以下是我当前的代码。谢谢！！

                <StackPanel Margin="10,162,0,50" HorizontalAlignment="Left" Width="365">                    
                <Grid>  

                <Rectangle Fill="{StaticResource BaseColor}" 

                           Stroke="Gray"  
                           RadiusX="10" 
                           RadiusY="10" 
                           Margin="0,0,0,0" />

                <StackPanel x:Name="IdentifyResultsStackPanel" 
                        Margin="15,10,15,10" 
                        Visibility="Collapsed">

                <TextBlock Text="ELEMENTARY SCHOOL ATTENDANCE AREA:" 
                           Foreground="White" 
                           FontSize="14" 
                           FontStyle="Italic" 
                           Margin="0,0,0,5" />

                    <slData:DataGrid x:Name="IdentifyDetailsDataGrid" 
                                 AutoGenerateColumns="False"
                                 LoadingRow="IdentifyDetailsDataGrid_LoadingRow"
                                 HeadersVisibility="None" >
                        <slData:DataGrid.Columns>
                            <slData:DataGridTextColumn Binding="{Binding Path=Key}" FontWeight="Bold"/>
                            <slData:DataGridTextColumn Binding="{Binding Path=Value}"/>
                        </slData:DataGrid.Columns>
                    </slData:DataGrid>

                    <TextBlock Text="MIDDLE SCHOOL ATTENDANCE AREA:" 
                           Foreground="White" 
                           FontSize="14" 
                           FontStyle="Italic" 
                           Margin="0,0,0,5" />
                    <slData:DataGrid x:Name="IdentifyDetailsDataGrid2" 
                                     AutoGenerateColumns="False"
                                     LoadingRow="IdentifyDetailsDataGrid_LoadingRow"
                                     HeadersVisibility="None" >
                        <slData:DataGrid.Columns>
                            <slData:DataGridTextColumn Binding="{Binding Path=Key}" FontWeight="Bold"/>
                            <slData:DataGridTextColumn Binding="{Binding Path=Value}"/>
                        </slData:DataGrid.Columns>
                    </slData:DataGrid>

                    <TextBlock Text="HIGH SCHOOL ATTENDANCE AREA:" 
                           Foreground="White" 
                           FontSize="14" 
                           FontStyle="Italic" 
                           Margin="0,0,0,5" />
                    <slData:DataGrid x:Name="IdentifyDetailsDataGrid3" 
                                 AutoGenerateColumns="False"
                                 LoadingRow="IdentifyDetailsDataGrid_LoadingRow"
                                 HeadersVisibility="None" >
                        <slData:DataGrid.Columns>
                            <slData:DataGridTextColumn Binding="{Binding Path=Key}" FontWeight="Bold"/>
                            <slData:DataGridTextColumn Binding="{Binding Path=Value}"/>
                        </slData:DataGrid.Columns>
                    </slData:DataGrid>

                </StackPanel> 
            </Grid>
        </StackPanel>

【问题讨论】：

标签： silverlight-4.0 scrollviewer

【解决方案1】：

堆栈面板是问题所在。以下链接帮助我解决了这个问题：

How to add a ScrollBar to a StackPanel in Silverlight?

【讨论】：