XAML .NET Maui应用程序中的样式组标题设置SFDataGrid

1cosmwyk 于 2023-11-14 发布在 .NET

关注(0)|答案(2)|浏览(162)

我在我的.NET Maui应用程序中有一个Syncfusion SFDataGrid。我已经将其设置为使用KeyGrid对DataGrid中的行进行自定义分组。然而，尽管尝试设置各种不同的属性，如GroupSummaryRowBackground，我无法更改行的颜色或找到指向如何更改此的文档。下面是当前视图，描述“所需日期”的行是我我指的是. SFDataGrid文档可以在here中找到。

的数据

<sf:SfDataGrid
     x:Name="dataGrid"
     Grid.Row="1"
     Grid.Column="1"
     Margin="10"
     AllowEditing="True"
     AllowGroupExpandCollapse="True"
     AutoExpandGroups="False"
     AutoGenerateColumnsMode="None"
     EditTapAction="OnDoubleTap"
     GridLinesVisibility="Both"
     HeaderGridLinesVisibility="Both"
     ItemsSource="{Binding OrderItems}"
     NavigationMode="Cell"
     SelectionMode="Multiple"
     SortingMode="Single">

     <sf:SfDataGrid.DefaultStyle>
         <sf:DataGridStyle
             CurrentCellBorderColor="{AppThemeBinding Light={StaticResource HeaderBackgroundLight},
                                                      Dark={StaticResource HeaderBackgroundDark}}"
             GroupSummaryRowBackground="{AppThemeBinding Light={StaticResource HeaderBackgroundLight},
                                                         Dark={StaticResource HeaderBackgroundDark}}"
             GroupSummaryRowTextColor="{AppThemeBinding Light={StaticResource TextHeaderLight},
                                                        Dark={StaticResource TextHeaderDark}}"
             HeaderRowBackground="{AppThemeBinding Light={StaticResource HeaderBackgroundLight},
                                                   Dark={StaticResource HeaderBackgroundDark}}"
             HeaderRowFontAttributes="Bold"
             HeaderRowTextColor="{AppThemeBinding Light={StaticResource TextHeaderLight},
                                                  Dark={StaticResource TextHeaderDark}}"
             RowBackground="{AppThemeBinding Light={StaticResource PrimaryBackgroundLight},
                                             Dark={StaticResource PrimaryBackgroundDark}}"
             RowTextColor="{AppThemeBinding Light={StaticResource TextLight},
                                            Dark={StaticResource TextDark}}"
             SelectedRowTextColor="{AppThemeBinding Light={StaticResource White},
                                                    Dark={StaticResource White}}"
             SelectionBackground="{AppThemeBinding Light={StaticResource CallToActionLight},
                                                   Dark={StaticResource CallToActionDark}}" />
     </sf:SfDataGrid.DefaultStyle>

字符串

xaml

来源：https://stackoverflow.com/questions/77326971/style-group-header-rows-in-net-maui-application-sfdatagrid

2条答案

按热度按时间

brtdzjyr1#

您所描述的行Date Needed是标题摘要单元格，它们可以通过DataGridCaptionSummaryCell TargetType的书写风格进行自定义：

<ContentPage xmlns:syncfusion="http://schemas.syncfusion.com/maui">
    <ContentPage.Resources>
        <Style TargetType="syncfusion:DataGridCaptionSummaryCell">
            <Setter Property="Background" Value="#0074E3"/>
            <Setter Property="TextColor" Value="White"/>
            <Setter Property="FontAttributes" Value="Bold"/>
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="FontFamily" Value="TimesNewRoman"/>
        </Style>
    </ContentPage.Resources>
</ContentPage>

字符串
有关详细信息，您可以参考样式化标题摘要单元格和样式化标题摘要行。

赞(0）回复(0）举报 2023-11-14

ou6hu8tu2#

根据提供的图片和您的要求，要自定义组标题摘要行的外观，您应该设置CaptionSummaryRowBackground颜色，而不是GroupSummaryRowBackground颜色。请参考以下代码片段作为参考。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:MauiApp1"
             xmlns:dataGrid="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
             x:Class="MauiApp1.MainPage">

    <ContentPage.BindingContext>
        <local:OrderInfoRepository/>
    </ContentPage.BindingContext>
    <dataGrid:SfDataGrid x:Name="dataGrid" ItemsSource="{Binding OrderInfoCollection}" GroupingMode="Single" AllowGroupExpandCollapse="True">
        <dataGrid:SfDataGrid.GroupColumnDescriptions>
            <dataGrid:GroupColumnDescription ColumnName="Customer"/>
        </dataGrid:SfDataGrid.GroupColumnDescriptions>
        <dataGrid:SfDataGrid.DefaultStyle>
            <dataGrid:DataGridStyle CaptionSummaryRowBackground="Yellow"/>
        </dataGrid:SfDataGrid.DefaultStyle>

    </dataGrid:SfDataGrid>
</ContentPage>

字符串

的数据
要隐式设置样式，您可以通过为DataGridCaptionSummaryRowView定义样式并相应设置TargetType来自定义标题摘要行。有关详细信息，请参阅相关的用户指南文档。
UG文档：https://help.syncfusion.com/maui/datagrid/styling#styling-caption-summary-row

赞(0）回复(0）举报 2023-11-14

我来回答

XAML .NET Maui应用程序中的样式组标题设置SFDataGrid

2条答案

相关问题

热门标签

最新问答