WPFdatagrid - 如何在分组时使用(给出)不同的颜色?

发布于 2024-12-05 04:56:38 字数 187 浏览 1 评论 0原文

我正在使用 Codeplex 的 WPF 数据网格。

我有一个具有分组功能的 wpf 网格。我想要不同颜色的分组区域。 截图如下: 在此处输入图像描述

分组时可以指定不同的颜色吗?如果是,我如何在 WPF 数据网格中实现这一点?

I am using WPF datagrid by codeplex.

I have a wpf grid with grouping features. I want the grouped region in different colors.
The screenshot is as follows:
enter image description here

Can different colors be assigned during grouping? If yes how do I achieve this in WPF datagrid?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羅雙樹 2024-12-12 04:56:38

希望这会有所帮助...

<GroupStyle>
  <GroupStyle.HeaderTemplate>
    <DataTemplate>
       <StackPanel>
         <TextBlock Text="{Binding Path=Name}" />
        </StackPanel>
     </DataTemplate>
  </GroupStyle.HeaderTemplate>
  <GroupStyle.ContainerStyle>
     <Style TargetType="{x:Type GroupItem}">
        <Setter Property="Template">
           <Setter.Value>
              <ControlTemplate TargetType="{x:Type GroupItem}">
                 <Expander>
                    <Expander.Header>
                       <StackPanel Orientation="Horizontal">
                          <TextBlock Text="{Binding Path=Name}" />
                          <TextBlock Text=" ("/>
                          <TextBlock Text="{Binding Path=ItemCount}"/>
                          <TextBlock Text=" "/>
                          <TextBlock Text="Items"/>
                          <TextBlock Text=")"/>
                       </StackPanel>
                     </Expander.Header>
                     <ItemsPresenter>
                        <ItemsPresenter.Resources>
                           <Style TargetType="{x:Type toolkit:DataGridRow}">
                              <Style.Triggers>
                                 <DataTrigger
                                    Binding="{Binding RelativeSource=
                                      {RelativeSource AncestorType={x:Type 
                                        GroupItem}}, Path=DataContext.Name}"
                                    Value="1">
                                   <Setter Property="Background"
                                           Value="LightGreen"/>
                                 </DataTrigger>
                                 <DataTrigger
                                    Binding="{Binding RelativeSource=
                                      {RelativeSource AncestorType={x:Type 
                                        GroupItem}}, Path=DataContext.Name}"
                                    Value="2">
                                   <Setter Property="Background"
                                           Value="LightPink"/>
                                 </DataTrigger>
                               </Style.Triggers>
                             </Style>
                           </ItemsPresenter.Resources>
                         </ItemsPresenter>
                       </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
   </GroupStyle.ContainerStyle>
</GroupStyle>

上面的数据触发器检查我们创建组的值,并相应地分配数据网格行背景颜色。

因此,第一组代表文本“1”(浅绿色)下的所有值,下一组分组在值 2(浅粉色)下。

Hope this helps...

<GroupStyle>
  <GroupStyle.HeaderTemplate>
    <DataTemplate>
       <StackPanel>
         <TextBlock Text="{Binding Path=Name}" />
        </StackPanel>
     </DataTemplate>
  </GroupStyle.HeaderTemplate>
  <GroupStyle.ContainerStyle>
     <Style TargetType="{x:Type GroupItem}">
        <Setter Property="Template">
           <Setter.Value>
              <ControlTemplate TargetType="{x:Type GroupItem}">
                 <Expander>
                    <Expander.Header>
                       <StackPanel Orientation="Horizontal">
                          <TextBlock Text="{Binding Path=Name}" />
                          <TextBlock Text=" ("/>
                          <TextBlock Text="{Binding Path=ItemCount}"/>
                          <TextBlock Text=" "/>
                          <TextBlock Text="Items"/>
                          <TextBlock Text=")"/>
                       </StackPanel>
                     </Expander.Header>
                     <ItemsPresenter>
                        <ItemsPresenter.Resources>
                           <Style TargetType="{x:Type toolkit:DataGridRow}">
                              <Style.Triggers>
                                 <DataTrigger
                                    Binding="{Binding RelativeSource=
                                      {RelativeSource AncestorType={x:Type 
                                        GroupItem}}, Path=DataContext.Name}"
                                    Value="1">
                                   <Setter Property="Background"
                                           Value="LightGreen"/>
                                 </DataTrigger>
                                 <DataTrigger
                                    Binding="{Binding RelativeSource=
                                      {RelativeSource AncestorType={x:Type 
                                        GroupItem}}, Path=DataContext.Name}"
                                    Value="2">
                                   <Setter Property="Background"
                                           Value="LightPink"/>
                                 </DataTrigger>
                               </Style.Triggers>
                             </Style>
                           </ItemsPresenter.Resources>
                         </ItemsPresenter>
                       </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
   </GroupStyle.ContainerStyle>
</GroupStyle>

The data triggers above check which value we have created the groups upon and accordingly assigns data grid row background colors.

So first group represents all values under text "1" (LightGreen) and next group is grouped under value 2 (LightPink).

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文