2012-05-11 19 views
2

DataGridは、ビジュアルスコープ外のデータとともに表示されます。私はStackOverflowに関するいくつかの同様の質問を見てきましたが、それらのどれも私の問題を解決するように見えませんでした。私は何が間違っているのか分かりません。ただ、ここでのデータグリッドは、私が使用している実際のデータグリッドではないことを追加するDataGridに水平スクロールバーが表示されない

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="50"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions>   
    <TextBlock HorizontalAlignment="Left" Foreground="{DynamicResource TitleFontColor}" 
    TextWrapping="Wrap" Text="{Binding WindowTitle}" VerticalAlignment="Center" 
    Margin="10,10,0,10" FontSize="18.667" FontFamily="Segoe UI" /> 
    <Border Background="{DynamicResource pnlworkarea}" 
     Grid.Row="1" CornerRadius="2" BorderThickness="1"> 
    <Grid> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="65"/> 
      <RowDefinition Height="Auto" /> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 
     <Border BorderThickness="1" 
     Background="{DynamicResource Brush_HeaderNew}" 
     BorderBrush="{DynamicResource pnlworkareastroke}" 
     CornerRadius="2" Margin="5"> 
     <Grid Margin="0"> 
       <ListBox ItemsSource="{Binding ViewMenuItems}" SelectedItem="{Binding Viewselected}" 
       VerticalAlignment="Center" Style="{DynamicResource Content_Header_ListBoxStyle}" 
     ItemTemplate="{DynamicResource Header_DataTemplate}" 
     ItemContainerStyle="{DynamicResource ContentHeader_ListBoxItemStyle}"    
     ItemsPanel="{DynamicResource Header_ItemsPanelTemplate}" HorizontalAlignment="Left"/>         
    </Grid> 
    </Border> 
    <Grid Grid.Row="1" Margin="5"> 
      <StackPanel HorizontalAlignment="Left" Orientation="Horizontal" VerticalAlignment="Top" Margin="10,0,0,0"> 
        <ContentControl Focusable="False" Content="ContentControl" 
     Background="{DynamicResource Brush_VectorIcon}" 
     Template="{DynamicResource vector_Summary}" 
     Height="16" Margin="0,5,0,0"/> 
     <TextBlock TextWrapping="Wrap" Text="{Binding SearchDisplayMessage}" Margin="5,3,0,0" VerticalAlignment="Center"/> 
      </StackPanel> 
     </Grid> 
     <Grid Grid.Row="2" Margin="5"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="Auto"/> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <DataGrid x:Name="dataGrid" 
        commands:ControlEvents.GridViewSelectionChangedEventCommand="{Binding SelectionItemsChangeCommand}" 
        SelectionMode="Single" 
        AutoGenerateColumns="True"      
        Margin="0,5" Grid.Row="1" IsReadOnly="True" 
        ItemsSource="{Binding GridItem, Mode=TwoWay}" SelectedItem="{Binding SelectedItem}" 
        AlternatingRowBackground="#FFF5F4F8" Background="White" Grid.ColumnSpan="2" 
        ScrollViewer.CanContentScroll="True" 
        ScrollViewer.HorizontalScrollBarVisibility="Auto" 
        ScrollViewer.VerticalScrollBarVisibility="Auto"> 
        <i:Interaction.Behaviors> 
         <Behaviors:SelectorDoubleClickCommandBehavior Command="{Binding GridDoubleclickcommand}"/> 
        </i:Interaction.Behaviors> 

       </DataGrid> 
      </Grid> 

     </Grid> 

    </Border> 

</Grid> 

:これは私のXAMLのように見えるものです。私のカスタムDataGridはDataGridから派生しています。しかし、私はこれも通常のDataGridで試してみましたが、どちらもうまくいかないようです。

答えて

1

をスクロールビューを超えてストレッチする横幅を引き起こしあなたは

への自動

の高さ
<Grid Grid.Row="2" Margin="5"> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="Auto"/> 
        <RowDefinition Height="*"/> 
       </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
       </Grid.ColumnDefinitions> 
       <DataGrid x:Name="dataGrid" 
        SelectionMode="Single" 
        AutoGenerateColumns="True"      
        Margin="0,5" Grid.Row="1" IsReadOnly="True" 
        ItemsSource="{Binding GridItem, Mode=TwoWay}" SelectedItem="{Binding SelectedItem}" 
        AlternatingRowBackground="#FFF5F4F8" Background="White" Grid.ColumnSpan="2" 
        ScrollViewer.CanContentScroll="True" 
        ScrollViewer.HorizontalScrollBarVisibility="Auto" 
        ScrollViewer.VerticalScrollBarVisibility="Auto"> 
       </DataGrid> 
      </Grid> 

の変更を持っています

<DataGrid Grid.Row="2" x:Name="dataGrid" 
        SelectionMode="Single" 
        AutoGenerateColumns="True"      
        Margin="0,5" Grid.Row="1" IsReadOnly="True" 
        ItemsSource="{Binding GridItem, Mode=TwoWay}" SelectedItem="{Binding SelectedItem}" 
        AlternatingRowBackground="#FFF5F4F8" Background="White" Grid.ColumnSpan="2" 
        ScrollViewer.CanContentScroll="True" 
        ScrollViewer.HorizontalScrollBarVisibility="Auto" 
        ScrollViewer.VerticalScrollBarVisibility="Auto"> 
       </DataGrid> 
+0

私は示唆したとおりにしましたが、私はそれをVisibleに設定してもスクロールバーは表示されないようです。私はScrollViewerの中にDataGridを配置しようとしましたが、その場合DataGridは想像以上に広がっています。 DataGridの列の幅を制限する方法がある場合は、ScrollViewer内でDataGridを使用しても問題ありません。各列が含まれるデータの最大値まで伸びるようにします。 –

+0

"The" Scrollbar - これは?私は従わない。小さなコードサンプルで問題を再現できますか? – Paparazzi

+0

私はScrollViewer.Horizo​​ntalScrollBarVisibility = "Visible"を設定しました。しかし、それは役に立たない。私は本当に短い時間です。そこで、回避策として、DataGridをScrollViewerに配置し、DataGridのロードイベントで、それぞれのコンテンツサイズに基づいて列のサイズを変更しています。さて、この問題は、各列の最小幅を設定する必要があると思われます。それ以外の場合は、データがほとんどない場合はあまりにも小さくなります。 –

1

私はその可能性があり、私が省略されている、おそらく他のビット

<UserControl.Resources> 
    <x:ArrayExtension x:Key="MyArray" Type="{x:Type TextBlock}"> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test1" Text="12345678" 
        DataContext="12345678" Tag="12345689"/> 
     <TextBlock Name="Test2" Text="12345678" 
        DataContext="12345678" Tag="12345689"/>    
    </x:ArrayExtension> 
</UserControl.Resources> 
<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="50"/> 
     <RowDefinition Height="*"/> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="*"/> 
    </Grid.ColumnDefinitions> 
    <TextBlock HorizontalAlignment="Left" 
       TextWrapping="Wrap" 
       Text="My Text Clock" 
       VerticalAlignment="Center" 
       Margin="10,10,0,10" FontSize="18.667" 
       FontFamily="Segoe UI" /> 
    <Border Grid.Row="1" CornerRadius="2" BorderThickness="1"> 
     <Grid> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="65"/> 
       <RowDefinition Height="Auto" /> 
       <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 
      <Border BorderThickness="1" 
       CornerRadius="2" Margin="5"> 
       <Grid Margin="0"> 
         <ListBox 
          ItemsSource="{Binding 
           ViewMenuItems}"        
          VerticalAlignment="Center" 
          HorizontalAlignment="Left"/>    
    </Grid> 
    </Border> 
    <Grid Grid.Row="1" Margin="5"> 
      <StackPanel HorizontalAlignment="Left" 
         Orientation="Horizontal" 
         VerticalAlignment="Top" Margin="10,0,0,0"> 
        <ContentControl Focusable="False" 
            Content="ContentControl" 
            Height="16" Margin="0,5,0,0"/> 
        <TextBlock TextWrapping="Wrap" 
           Text="DisplayHerePlz!" 
           Margin="5,3,0,0" 
           VerticalAlignment="Center"/> 
       </StackPanel> 
    </Grid> 
     <Grid Grid.Row="2" Margin="5"> 
      <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*"/> 
      </Grid.ColumnDefinitions> 
    <tk:DataGrid x:Name="dataGrid" 
      SelectionMode="Single" 
     AutoGenerateColumns="True" 
       Margin="0,5" Grid.Row="1" 
      IsReadOnly="True" 
      ItemsSource="{StaticResource MyArray}" 
      ScrollViewer.CanContentScroll="True" 
      ScrollViewer.HorizontalScrollBarVisibility="Auto" 
      ScrollViewer.VerticalScrollBarVisibility="Auto" 
     AlternatingRowBackground="#FFF5F4F8" 
      Background="White" 
      Grid.ColumnSpan="2">       
     </tk:DataGrid> 
    </Grid> 
    </Grid> 
    </Border> 
</Grid> 

...あなたは私に水平スクロールバーを表示しているあなたのコードのほとんどのスケーリングされたdopwnバージョンとして間違って何をしているかを推測カント...

+0

努力していただきありがとうございます。ちょうど私が行方不明だったことが明らかになったかどうかを知りたかった。私は問題と思われるものについて、さまざまな解決策を試してみることができません。 –

0

ここでは、widthプロパティとdataagridビューを割り当てておく必要があることに注意してください。列を定義すると、最後の列の幅がautoになり、minWidthも割り当てられます。

  <DataGrid VerticalAlignment="Top" Margin="0,0,0,0" Height="221" HorizontalAlignment="Left" Width="234" 
       DataContext="{DynamicResource ItemCollectionViewSource}" 
         ItemsSource="{Binding}" AutoGenerateColumns="False" IsReadOnly="True" 
         ScrollViewer.CanContentScroll="True" 
         ScrollViewer.VerticalScrollBarVisibility="Auto" 
         ScrollViewer.HorizontalScrollBarVisibility="Auto" > 
       <DataGrid.Columns> 
        <DataGridTextColumn Binding="{Binding ID}" Header="ID"/> 
        <DataGridTextColumn Binding="{Binding URL}" Header="URL" Width="Auto" MinWidth="186"/> 
       </DataGrid.Columns> 
      </DataGrid> 
4

水平スクロールバーに表示されない同様の問題がありました。私は幅が "*"の列を持っていました。これを削除すると、スクロールバーが表示されました。私はそれが表示されると固定幅に設定する場合は、私は推測します。

+0

これは私のために働いた(私は実際には*から "Auto"に変更した)。フィールドがグリッドから外れているかどうかをスクロールバーが自動的に表示する*と考えられますが、グリッドのサイズに合わせてサイズが決まっていれば、技術的にグリッドから外れることはありません。 – iliketocode

関連する問題