WPF DataGrid扩展器中的分组行在右侧添加了额外的列，当所有扩展器都关闭时消失

debugcn 发表于 Dev

sethlj11

另一个与WPF DataGrid有关的问题。

我有一个DataGrid，其行已分组，每个组都在Expander控件下。每行有两列。默认情况下，我打开了所有扩展器。第二列的宽度设置为“ *”，并且行标题已关闭。

当我关闭所有扩展器时，布局会更改最小的部分，将扩展器控件向左移动一点。当我打开任何一个扩展器时，它们都会向右移动最小的位。我还注意到，打开扩展器时，列标题在右侧显示了另一列，这使水平滚动条出现。

当扩展器打开时，如何调整datagrid声明以使此附加列不存在/出现？

<Grid>
  <ScrollViewer VerticalScrollBarVisibility="Auto"
                HorizontalScrollBarVisibility="Disabled" >
    <DataGrid AutoGenerateColumns="False"
              ItemsSource="{Binding Path=MyCollection}"
              GridLinesVisibility="None"
              CanUserAddRows="False"
              CanUserDeleteRows="False"
              CanUserReorderColumns="False"
              CanUserSortColumns="False"
              CanUserResizeColumns="False"
              CanUserResizeRows="False"
              HeadersVisibility="Column">
      <DataGrid.Resources>
        <ResourceDictionary>
          <Style x:Key="{x:Type DataGridCell}" TargetType="{x:Type DataGridCell}">
            <Setter Property="Background" Value="{x:Null}" />
            <Setter Property="BorderBrush" Value="{x:Null}" />
            <Style.Triggers>
              <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="{x:Null}" />
                <Setter Property="Foreground" Value="Black" />
                <Setter Property="BorderBrush" Value="{x:Null}" />
              </Trigger>
            </Style.Triggers>
          </Style>
          <Style x:Key="{x:Type DataGridRow}" TargetType="{x:Type DataGridRow}">
            <Setter Property="Margin" Value="4" />
            <Setter Property="Background" Value="{x:Null}" />
            <Setter Property="BorderBrush" Value="{x:Null}" />
            <Style.Triggers>
              <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="{x:Null}" />
                <Setter Property="Foreground" Value="Black" />
                <Setter Property="BorderBrush" Value="{x:Null}" />
              </Trigger>
            </Style.Triggers>
          </Style>
        </ResourceDictionary>
      </DataGrid.Resources>
      <DataGrid.GroupStyle>
        <GroupStyle>
          <GroupStyle.Panel>
            <ItemsPanelTemplate>
              <DataGridRowsPresenter />
            </ItemsPanelTemplate>
          </GroupStyle.Panel>
          <GroupStyle.ContainerStyle>
            <Style TargetType="{x:Type GroupItem}">
              <Setter Property="Template">
                <Setter.Value>
                  <ControlTemplate TargetType="{x:Type GroupItem}">
                    <Expander Margin="4"
                              IsExpanded="True">
                      <Expander.Header>
                        <StackPanel Orientation="Horizontal"
                                    Margin="4">
                          <TextBlock FontWeight="Bold"
                                     FontSize="14"
                                     Text="{Binding Path=Name}" />
                        </StackPanel>
                      </Expander.Header>
                      <ItemsPresenter />
                    </Expander>
                  </ControlTemplate>
                </Setter.Value>
              </Setter>
            </Style>
          </GroupStyle.ContainerStyle>
        </GroupStyle>
      </DataGrid.GroupStyle>
      <DataGrid.Columns>
        <DataGridTemplateColumn Width="Auto">
        ...
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Width="*">
        ...
        </DataGridTemplateColumn>
      </DataGrid.Columns>
    </DataGrid>
  </ScrollViewer>
</Grid>

sethlj11

我认为这部分是hack，部分是真实答案。

hack部分：为了不显示水平滚动条，我只是在DataGrid声明中将其禁用。然后，为确保该列不会在右侧被刮掉，我以用来关闭选择颜色的样式设置行边距和内边距。

实际部分：只要将最外面的网格的第二行的高度设置为“ *”（星号），将垂直滚动条设置为始终显示就可以正常工作。这样可以确保在打开扩展器并且要显示的行过多时，DataGrid将使用适当的空间量。

最终的DataGrid声明如下所示：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="*" />
  </Grid.RowDefinitions>

  <Label Content="Import Data Mappings"
         FontWeight="Bold"
         HorizontalAlignment="Center"
         Margin="4"
         Padding="4"
         Grid.Row="0" />
  <DataGrid AutoGenerateColumns="False"
            VerticalScrollBarVisibility="Visible"
            HorizontalScrollBarVisibility="Disabled"
            ItemsSource="{Binding Path=MyGroupedCollection, Mode=OneWay}"
            HeadersVisibility="Column"
            Grid.Row="1"
            ... >
    <DataGrid.Resources>
      <ResourceDictionary>
        <Style x:Key="{x:Type DataGridCell}" TargetType="{x:Type DataGridCell}">
          <Setter Property="Background" Value="White" />
          <Setter Property="BorderBrush" Value="{x:Null}" />
          <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
              <Setter Property="Background" Value="White" />
              <Setter Property="Foreground" Value="Black" />
              <Setter Property="BorderBrush" Value="{x:Null}" />
            </Trigger>
          </Style.Triggers>
        </Style>
        <Style x:Key="{x:Type DataGridRow}" TargetType="{x:Type DataGridRow}">
          <Setter Property="Margin" Value="0,4,0,4" />
          <Setter Property="Background" Value="White" />
          <Setter Property="BorderBrush" Value="{x:Null}" />
          <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
              <Setter Property="Background" Value="White" />
              <Setter Property="Foreground" Value="Black" />
              <Setter Property="BorderBrush" Value="{x:Null}" />
            </Trigger>
          </Style.Triggers>
        </Style>
      </ResourceDictionary>
    </DataGrid.Resources>

    <DataGrid.GroupStyle>
      <GroupStyle>
        <GroupStyle.Panel>
          <ItemsPanelTemplate>
            <DataGridRowsPresenter />
          </ItemsPanelTemplate>
        </GroupStyle.Panel>
        <GroupStyle.ContainerStyle>
          <Style TargetType="{x:Type GroupItem}">
            <Setter Property="Template">
              <Setter.Value>
                <ControlTemplate TargetType="{x:Type GroupItem}">
                  <Expander Margin="4"
                            IsExpanded="True">
                    <Expander.Header>
                      <StackPanel Orientation="Horizontal"
                                  Margin="4">
                        <TextBlock FontWeight="Bold"
                                   FontSize="14"
                                   Text="{Binding Path=Name}" />
                      </StackPanel>
                    </Expander.Header>
                    <ItemsPresenter />
                  </Expander>
                </ControlTemplate>
              </Setter.Value>
            </Setter>
          </Style>
        </GroupStyle.ContainerStyle>
      </GroupStyle>
    </DataGrid.GroupStyle>

    <DataGrid.Columns>
      <DataGridTemplateColumn Width="Auto">
        <DataGridTemplateColumn.HeaderTemplate>
          ...
        </DataGridTemplateColumn.HeaderTemplate>
        <DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
            <TextBlock .../>
          </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
      </DataGridTemplateColumn>
      <DataGridTemplateColumn Width="*">
        <DataGridTemplateColumn.HeaderTemplate>
          ...
        </DataGridTemplateColumn.HeaderTemplate>
        <DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
            <DockPanel LastChildFill="True">
              <Button Style="{DynamicResource ResourceKey=MyButtonStyle}"
                      Content="Button Text"
                      Command="{Binding Path=MyButtonCommand}"
                      DockPanel.Dock="Left"/>
              <ComboBox Margin="4"
                        Padding="4"
                        SelectedItem="{Binding Path=MySelectedItem, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                        ItemsSource="{Binding Path=MyAvailableFields}"
                        DockPanel.Dock="Left">
                <ComboBox.ItemTemplate>
                  <DataTemplate>
                    <TextBlock VerticalAlignment="Center"
                               HorizontalAlignment="Center"
                               Text="{Binding Path=MyDisplayName}" />
                  </DataTemplate>
                </ComboBox.ItemTemplate>
              </ComboBox>
            </DockPanel>
          </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
      </DataGridTemplateColumn>
    </DataGrid.Columns>
  </DataGrid>
</Grid>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。