找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › ComponentOne专区 › XAML 求助中心 › 查看内容
发新帖

feiyan0320

中级会员

17

主题

70

帖子

615

积分

中级会员

积分
615

活字格认证微信认证勋章

QQ
最新发帖

[已处理] 关于FlexGrid和DataGrid合并标题、冻结、合计等问题总结

feiyan0320
中级会员   /  发表于：2015-7-20 23:29  /   查看：7065  /  回复：1
  • 因为第一次使用c1 for wpf的FlexGrid和DataGrid控件，所以有很多地方不太熟悉，在社区里请教了无数次alice版主，在此表示由衷的感谢！

  • DataGrid及FlexGrid区别以及选择：
    DataGrid以及FlexGrid都可以做到列标题合并，都可以做到合计。
    不同之处，泛泛而言，FlexGrid小巧灵活、不限于绑定亦可后台灵活操作；DataGrid基于Wpf原有DataGrid，基于绑定。
    两个控件的应用场景可以参考中文官网。
    C1FlexGrid:   http://www.gcpowertools.com.cn/p ... onewpf/flexgrid.htm
    C1DataGrid: http://www.gcpowertools.com.cn/p ... onewpf/datagrid.htm
    两个component美国论坛里的2个链接：
    http://our.componentone.com/grou ... is-more-performant/
    http://our.componentone.com/grou ... exgrid-or-datagrid/

  • 列标题合并及冻结：
    DataGrid以及FlexGrid都可以做到列标题合并，但合并的方式不同(也许我仅知道这些方式)
    DataGrid合并：
    1. <c1:DataGridRowHeaderColumn  Header="[生产厂区, 基本信息, 基本信息]"
    2.                                        Width="Auto"   />
    3.                 <c1:DataGridRowHeaderColumn Header="[生产厂区,生产设备, 生产机长]"
    4.                                        Width="Auto"   />
    5.                 <c1:DataGridRowHeaderColumn Header="[生产厂区,生产设备, 生产机台]"
    6.                                        Width="Auto"   />
    7.                 <c1:DataGridRowHeaderColumn  Header="[目标产量, 目标产量, 目标产量]"
    8.                                        Width="Auto"  />
    9.                 <!-- First two columns must be headers, put several headers using this custom syntax-->
    10.                 <c1:DataGridTextColumn Header="[Country, Continent, 1]" />
    11.                 <c1:DataGridTextColumn Header="[Country, Name, 1]"  />
    复制代码

                
    在后台代码中具体代码参见：


    以上示例为版主Alice所做，如果遇到全部或者部分没有合并的时候，注意一下代码：
    1. // save headers rows and columns for later
    2.             _headerRowColumns = grid.Columns.Take(3).ToArray();
    3.             _headerColumnRows = grid.TopRows.Take(3).ToArray();
    复制代码


    FlexGrid合并：
    1. FlexGrid.ColumnHeaders.Rows.Add(new Row());

    3.             FlexGrid.ColumnHeaders.Rows.Add(new Row());

    5.             FlexGrid.ColumnHeaders.Rows[0][0] = "生产厂区";

    7.             FlexGrid.ColumnHeaders.Rows[1][0] = "生产厂区";

    9.             FlexGrid.ColumnHeaders.Rows[2][0] = "生产厂区";

    11.             FlexGrid.ColumnHeaders.Columns[0].AllowMerging = true;

    13.             FlexGrid.AllowMerging = AllowMerging.All;

    复制代码


    其中冻结列，只有DataGrid有可拖动的冻结分割线，如下图：



  • 合计：
    DataGrid：
    1. <c1:DataGridBoundColumn Header="开机天数" Binding="{Binding 开机天数}">

    3.                     <c1:DataGridAggregate.AggregateFunctions>

    5.                         <c1:DataGridAggregatesCollection>

    7.                             <c1:DataGridAggregateSum   ></c1:DataGridAggregateSum>

    9.                         </c1:DataGridAggregatesCollection>

    11.                         </c1:DataGridAggregate.AggregateFunctions>

    13.                 </c1:DataGridBoundColumn>

    复制代码

    以上合计的格式无需特殊设置，会根据列的格式而随之而变。如果想加字符，可以ResultFormat="合计= {0}" ；

    FlexGrid：
    1. <c1:C1FlexGrid.ColumnFooterRows>
    2.                 <c1:GroupRow   FontWeight="Bold" FontSize="16" />
    3.             </c1:C1FlexGrid.ColumnFooterRows>
    复制代码



  • 设置columnheader列头为透明色的问题。
    由于backgroud 使用了C1brushbuilder，只能把整个DataGridColumnHeaderPresenter重写来实现透明的效果。具体代码如下(或者直接运行3中提到的示例即可)：
    1. <c1:C1DataGrid.ColumnHeaderStyle>
    2.                 <Style TargetType="c1:DataGridColumnHeaderPresenter">
    3.                     <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    4.                     <Setter Property="VerticalContentAlignment" Value="Stretch" />
    5.                     <Setter Property="BorderThickness" Value="0 0 1 1" />
    6.                     <Setter Property="Background" Value="Transparent"/>
    7.                     <Setter Property="Template">
    8.                         <Setter.Value>
    9.                             <ControlTemplate TargetType="c1:DataGridColumnHeaderPresenter">
    10.                                 <Grid x:Name="RootElement">
    11.                                     <Grid.Resources>
    12.                                         <Color x:Key="BaseColor">#FFD1DCE8</Color>
    13.                                         <SolidColorBrush x:Key="BaseColorBrush" Color="{StaticResource BaseColor}" />
    14.                                         <!-- Color &amp; Brush used to build brushes on MouseOver state -->
    15.                                         <Color x:Key="MouseOverColor">#FFBFE1EA</Color>
    16.                                         <SolidColorBrush x:Key="MouseOverBrush" Color="{StaticResource MouseOverColor}" />

    18.                                         <!-- Color &amp; Brush used to build brushes on Pressed and Checked states -->
    19.                                         <Color x:Key="SelectedColor">#FF8ED1E2</Color>
    20.                                         <SolidColorBrush x:Key="SelectedBackground" Color="{StaticResource SelectedColor}" />

    22.                                         <!-- Brush used to build brushes on Focused states -->
    23.                                         <SolidColorBrush x:Key="FocusBrush" Color="{StaticResource SelectedColor}" />

    25.                                         <!-- Color &amp; Brush @ general borders -->
    26.                                         <Color x:Key="BorderColor">#FFA4AFBA</Color>
    27.                                         <!-- Brush @ general borders -->
    28.                                         <SolidColorBrush x:Key="BorderBrush" Color="{StaticResource BorderColor}" />

    30.                                         <!-- Color &amp; Brush @ general foreground -->
    31.                                         <Color x:Key="ForegroundColor">Black</Color>
    32.                                         <SolidColorBrush x:Key="ForegroundBrushColor" Color="{StaticResource ForegroundColor}" />

    34.                                         <!-- Color &amp; Brush @ TextBox foreground -->
    35.                                         <Color x:Key="ForegroundTextBoxColor">Black</Color>
    36.                                         <SolidColorBrush x:Key="ForegroundTextBoxBrushColor" Color="{StaticResource ForegroundTextBoxColor}" />

    38.                                         <LinearGradientBrush x:Key="DataGridColumnHeaderBrush" StartPoint="0.5,0" EndPoint="0.5,1">
    39.                                             <GradientStop Color="#FFEFF3F7" Offset="0" />
    40.                                             <GradientStop Color="#FFE6ECF3" Offset="0.5" />
    41.                                             <GradientStop Color="#FFD3DEEA" Offset="0.5" />
    42.                                             <GradientStop Color="#FFC4D2E2" Offset="1" />
    43.                                         </LinearGradientBrush>
    44.                                         <LinearGradientBrush x:Key="DataGridColumnHeaderOverBrush" StartPoint="0.5,0" EndPoint="0.5,1">
    45.                                             <GradientStop Color="#FFEDF6F9" Offset="0" />
    46.                                             <GradientStop Color="#FFE4F2F6" Offset="0.5" />
    47.                                             <GradientStop Color="#FFD2E9F0" Offset="0.5" />
    48.                                             <GradientStop Color="#FFC0E0EA" Offset="1" />
    49.                                         </LinearGradientBrush>
    50.                                         <LinearGradientBrush x:Key="DataGridColumnHeaderSelectedBackground" StartPoint="0.5,0" EndPoint="0.5,1">
    51.                                             <GradientStop Color="#FFA6D9E7" Offset="0" />
    52.                                             <GradientStop Color="#FFA6D9E7" Offset="0.5" />
    53.                                             <GradientStop Color="#FF93D1E2" Offset="0.5" />
    54.                                             <GradientStop Color="#FF7BC7DC" Offset="1" />
    55.                                         </LinearGradientBrush>
    56.                                         <!-- Brush @ C1DataGrid ColumnHeader Sort Icon Background-->
    57.                                         <SolidColorBrush x:Key="DataGridColumnHeaderSortBrush" Color="#FF5E5E5E" />
    58.                                         <!-- Style @ C1DataGrid ColumnHeader Sort Icon -->
    59.                                         <Style x:Key="DataGridColumnHeaderSortArrowStyle" TargetType="Path">
    60.                                             <Setter Property="Height" Value="4" />
    61.                                             <Setter Property="Width" Value="7" />
    62.                                             <Setter Property="VerticalAlignment" Value="Top" />
    63.                                             <Setter Property="HorizontalAlignment" Value="Center" />
    64.                                             <Setter Property="Margin" Value="0,0.5,0,0" />
    65.                                             <Setter Property="Visibility" Value="Collapsed" />
    66.                                         </Style>

    68.                                         <!-- Sort ToggleButton @ C1DataGrid ColumnHeader -->
    69.                                         <Style x:Key="DataGridColumnHeaderSortTButtonStyle" TargetType="ToggleButton">
    70.                                             <Setter Property="Padding" Value="3" />
    71.                                             <Setter Property="Template">
    72.                                                 <Setter.Value>
    73.                                                     <ControlTemplate TargetType="ToggleButton">
    74.                                                         <Grid>
    75.                                                             <VisualStateManager.VisualStateGroups>
    76.                                                                 <VisualStateGroup x:Name="CommonStates">
    77.                                                                     <VisualState x:Name="Normal" />
    78.                                                                     <VisualState x:Name="MouseOver" />
    79.                                                                     <VisualState x:Name="Pressed" />
    80.                                                                     <VisualState x:Name="Disabled" />
    81.                                                                 </VisualStateGroup>
    82.                                                                 <VisualStateGroup x:Name="CheckStates">
    83.                                                                     <VisualState x:Name="Indeterminate" />
    84.                                                                     <VisualState x:Name="Checked">
    85.                                                                         <Storyboard>
    86.                                                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SortbyElement" Storyboard.TargetProperty="(UIElement.Visibility)" Duration="0">
    87.                                                                                 <DiscreteObjectKeyFrame KeyTime="00:00:00">
    88.                                                                                     <DiscreteObjectKeyFrame.Value>
    89.                                                                                         <Visibility>Visible</Visibility>
    90.                                                                                     </DiscreteObjectKeyFrame.Value>
    91.                                                                                 </DiscreteObjectKeyFrame>
    92.                                                                             </ObjectAnimationUsingKeyFrames>
    93.                                                                         </Storyboard>
    94.                                                                     </VisualState>
    95.                                                                     <VisualState x:Name="Unchecked">
    96.                                                                         <Storyboard>
    97.                                                                             <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="SortbyElement" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
    98.                                                                                 <SplineDoubleKeyFrame KeyTime="00:00:00" Value="180" />
    99.                                                                             </DoubleAnimationUsingKeyFrames>
    100.                                                                             <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SortbyElement" Storyboard.TargetProperty="(UIElement.Visibility)" Duration="0">
    101.                                                                                 <DiscreteObjectKeyFrame KeyTime="00:00:00">
    102.                                                                                     <DiscreteObjectKeyFrame.Value>
    103.                                                                                         <Visibility>Visible</Visibility>
    104.                                                                                     </DiscreteObjectKeyFrame.Value>
    105.                                                                                 </DiscreteObjectKeyFrame>
    106.                                                                             </ObjectAnimationUsingKeyFrames>
    107.                                                                         </Storyboard>
    108.                                                                     </VisualState>
    109.                                                                 </VisualStateGroup>
    110.                                                                 <VisualStateGroup x:Name="FocusStates">
    111.                                                                     <VisualState x:Name="Focused" />
    112.                                                                     <VisualState x:Name="Unfocused" />
    113.                                                                 </VisualStateGroup>
    114.                                                             </VisualStateManager.VisualStateGroups>
    115.                                                             <c1:C1BrushBuilder x:Name="SortbyElementBrush" Input="{TemplateBinding Foreground}" DesignBrush="{StaticResource DataGridColumnHeaderSortBrush}" DesignColor="{StaticResource ForegroundColor}" />
    116.                                                             <Path x:Name="SortbyElement" Data="M0,0 L7,0 L3.5,4 L3.5,4 z" Fill="{Binding Output, ElementName=SortbyElementBrush}" Style="{StaticResource DataGridColumnHeaderSortArrowStyle}" Stretch="None" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Opacity="0.6">
    117.                                                                 <Path.RenderTransform>
    118.                                                                     <TransformGroup>
    119.                                                                         <ScaleTransform />
    120.                                                                         <SkewTransform />
    121.                                                                         <RotateTransform />
    122.                                                                         <TranslateTransform />
    123.                                                                     </TransformGroup>
    124.                                                                 </Path.RenderTransform>
    125.                                                             </Path>
    126.                                                         </Grid>
    127.                                                     </ControlTemplate>
    128.                                                 </Setter.Value>
    129.                                             </Setter>
    130.                                         </Style>

    132.                                         <!-- Brush @ C1DataGrid ColumnHeader Icon Background -->
    133.                                         <SolidColorBrush x:Key="DataGridColumnHeaderIconBrush" Color="#FF5E5E5E" />
    134.                                         <!-- Brush @ C1DataGrid ColumnHeader Icon Border -->
    135.                                         <LinearGradientBrush x:Key="DataGridColumnHeaderIconBorderBrush" EndPoint="1,0" StartPoint="0,0">
    136.                                             <GradientStop Color="#FF333333" Offset="0" />
    137.                                             <GradientStop Color="#FF222222" Offset="0.496" />
    138.                                             <GradientStop Color="#FF3B3B3B" Offset="0.5" />
    139.                                             <GradientStop Color="#FF3B3B3B" Offset="1" />
    140.                                         </LinearGradientBrush>
    141.                                         <!-- Brush used to build brushes on MouseOver state -->
    142.                                         <SolidColorBrush x:Key="DataGridMouseOverBrush" Color="#99BFE5EA" />

    144.                                         <!-- Brush used to build brushes on Pressed, Checked and Focused states -->
    145.                                         <SolidColorBrush x:Key="DataGridSelectedBackground" Color="#CC8ED1E2" />

    147.                                         <!-- Brush @ C1DataGrid ColumnHeader Merging Background -->
    148.                                         <SolidColorBrush x:Key="DataGridColumnHeaderMergingBrush" Color="#FFE3EAF1" />
    149.                                         <!-- Brush @ C1DataGrid ColumnHeader Merging Background on MouseOver-->
    150.                                         <SolidColorBrush x:Key="DataGridColumnHeaderMergingOverBrush" Color="#FFC6EBF4" />
    151.                                         <!-- Brush @ C1DataGrid ColumnHeader Merging Selected Background-->
    152.                                         <SolidColorBrush x:Key="DataGridColumnHeaderMergingSelectedBrush" Color="#FFA4DEED" />

    154.                                         <!-- Brush @ C1DataGrid Main PanelBackground -->
    155.                                         <SolidColorBrush x:Key="DataGridMainPanelBrush" Color="White" />
    156.                                         <!-- Brush @ C1DataGrid BorderBrush -->
    157.                                         <SolidColorBrush x:Key="DataGridBorderBrush" Color="#FFB0BDCA" />
    158.                                         <!--Thickness @ C1DataGrid -->
    159.                                         <Thickness x:Key="DataGridBorderThickness">1</Thickness>
    160.                                         <!--CornerRadius @ C1DataGrid -->
    161.                                         <CornerRadius x:Key="DataGridCornerRadius">0 0 0 0</CornerRadius>
    162.                                         <!-- Brush @ C1DataGrid Horizontal &amp; Vertical GridLines -->
    163.                                         <SolidColorBrush x:Key="DataGridLinesBrush" Color="#FFCDD5DC" />

    165.                                         <!-- Brush @ C1DataGrid Row -->
    166.                                         <SolidColorBrush x:Key="DataGridRowBrush" Color="White" />
    167.                                         <!-- Brush @ C1DataGrid Alternating Row -->
    168.                                         <SolidColorBrush x:Key="DataGridAlternatingRowBrush" Color="#FFF3F6F9" />

    170.                                         <!-- Brush @ C1DataGrid Foreground -->
    171.                                         <SolidColorBrush x:Key="DataGridForeground" Color="{StaticResource ForegroundColor}" />
    172.                                         <!-- Brush @ C1DataGrid Row Foreground -->
    173.                                         <SolidColorBrush x:Key="DataGridRowForeground" Color="{StaticResource ForegroundTextBoxColor}" />
    174.                                         <!-- Brush @ C1DataGrid Alternating Row Foreground -->
    175.                                         <SolidColorBrush x:Key="DataGridAlternatingRowForeground" Color="{StaticResource ForegroundTextBoxColor}" />

    177.                                         <!-- CornerRadius @ C1DataGrid -->
    178.                                         <CornerRadius x:Key="DataGridGeneralCornerRadius">0</CornerRadius>

    180.                                         <!-- Brush @ C1DataGrid bottom right corner -->
    181.                                         <LinearGradientBrush x:Key="DataGridBottomRightCornerBrush" EndPoint="0.5,1" StartPoint="0.5,0">


    184.                                             <GradientStop Color="#FFD1DCE8" Offset="1" />
    185.                                         </LinearGradientBrush>

    187.                                         <!-- CornerRadius @ C1DataGrid bottom right corner -->
    188.                                         <CornerRadius x:Key="DataGridBottomRightCornerRadius">0 0 0 0</CornerRadius>

    190.                                         <!-- Brush @ C1DataGrid top left corner -->
    191.                                         <RadialGradientBrush x:Key="DataGridTopLeftCornerBrush">
    192.                                             <RadialGradientBrush.RelativeTransform>
    193.                                                 <TransformGroup>
    194.                                                     <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.984" ScaleY="1.984" />
    195.                                                     <SkewTransform CenterX="0.5" CenterY="0.5" />
    196.                                                     <RotateTransform CenterX="0.5" CenterY="0.5" />
    197.                                                     <TranslateTransform X="0.502" Y="0.508" />
    198.                                                 </TransformGroup>
    199.                                             </RadialGradientBrush.RelativeTransform>


    202.                                             <GradientStop Color="#FFD1DCE8" Offset="1" />
    203.                                         </RadialGradientBrush>
    204.                                         <!-- Brush @ C1DataGrid top left corner on MouseOver -->
    205.                                         <RadialGradientBrush x:Key="DataGridTopLeftCornerOverBrush">
    206.                                             <RadialGradientBrush.RelativeTransform>
    207.                                                 <TransformGroup>
    208.                                                     <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.984" ScaleY="1.984" />
    209.                                                     <SkewTransform CenterX="0.5" CenterY="0.5" />
    210.                                                     <RotateTransform CenterX="0.5" CenterY="0.5" />
    211.                                                     <TranslateTransform X="0.502" Y="0.508" />
    212.                                                 </TransformGroup>
    213.                                             </RadialGradientBrush.RelativeTransform>


    216.                                             <GradientStop Color="#FFBFE1EA" Offset="1" />
    217.                                         </RadialGradientBrush>
    218.                                         <!-- CornerRadius @ C1DataGrid top left corner-->
    219.                                         <CornerRadius x:Key="DataGridTopLeftCornerRadius">0 0 0 0</CornerRadius>
    220.                                         <!-- Thickness @ C1DataGrid top left corner-->
    221.                                         <Thickness x:Key="DataGridTopLeftBorderThickness">0 0 1 1</Thickness>

    223.                                         <!-- WPF Input Brushes -->
    224.                                         <SolidColorBrush x:Key="WpfInputDataGridBorderBrush" Color="#FF919191" />
    225.                                         <SolidColorBrush x:Key="WpfInputDataGridLinesBrush" Color="#FFD3D3D3" />
    226.                                         <SolidColorBrush x:Key="WpfInputDataGridMouseOverBrush" Color="#99BDE6FD" />
    227.                                         <SolidColorBrush x:Key="WpfInputDataGridSelectedBackground" Color="#CCA9DAF3" />

    229.                                         <!--******************** Row Presenter ********************-->

    231.                                         <!-- Brush @ C1DataGrid Row Presenter Background on MouseOver -->
    232.                                         <SolidColorBrush x:Key="DataGridRowOverBrush" Color="#FFBBDFE9" />
    233.                                         <!-- Brush @ C1DataGrid Row Presenter Selected Background -->
    234.                                         <SolidColorBrush x:Key="DataGridRowSelectedBackground" Color="#FFA4DEED" />

    236.                                         <!--******************** Filters ********************-->
    237.                                         <!-- Brush @ C1DataGrid Filter Background -->
    238.                                         <LinearGradientBrush x:Key="DataGridFilterBrush" EndPoint="0.5,1" StartPoint="0.5,0">
    239.                                             <GradientStop Color="#FFEEF2F6" Offset="0.8" />
    240.                                             <GradientStop Color="#FFD0DBE7" Offset="1" />
    241.                                         </LinearGradientBrush>
    242.                                         <!-- Brush @ C1DataGrid Filter Content Background -->
    243.                                         <LinearGradientBrush x:Key="DataGridFilterContentBrush" EndPoint="0.5,1" StartPoint="0.5,0">
    244.                                             <GradientStop Color="#FFC8C4E1" Offset="0.7" />
    245.                                         </LinearGradientBrush>
    246.                                         <!-- CornerRadius @ C1DataGrid Filter -->
    247.                                         <CornerRadius x:Key="DataGridFilterCornerRadius">0 0 2 2</CornerRadius>
    248.                                        
    249.                                         <!-- C1DropDown @ C1DataGrid Options -->
    250.                                         <ControlTemplate x:Key="DataGridColumnHeaderOptionsDDownStyle" TargetType="c1:C1DropDown">
    251.                                             <Grid>
    252.                                                 <VisualStateManager.VisualStateGroups>
    253.                                                     <VisualStateGroup x:Name="DropDownOpenStates">
    254.                                                         <VisualState x:Name="Closed">
    255.                                                             <Storyboard />
    256.                                                         </VisualState>
    257.                                                         <VisualState x:Name="Opened" />
    258.                                                     </VisualStateGroup>
    259.                                                     <VisualStateGroup x:Name="CommonStates">
    260.                                                         <VisualState x:Name="Normal" />
    261.                                                         <VisualState x:Name="Disabled" />
    262.                                                         <VisualState x:Name="MouseOver" />
    263.                                                     </VisualStateGroup>
    264.                                                     <VisualStateGroup x:Name="FocusStates">
    265.                                                         <VisualState x:Name="Unfocused" />
    266.                                                         <VisualState x:Name="Focused">
    267.                                                             <Storyboard />
    268.                                                         </VisualState>
    269.                                                     </VisualStateGroup>
    270.                                                 </VisualStateManager.VisualStateGroups>
    271.                                                 <ToggleButton x:Name="ArrowToggle" Width="14" IsEnabled="{TemplateBinding IsEnabled}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" Style="{StaticResource DataGridColumnHeaderOptionsTButtonStyle}" c1:ClearStyleExtensions.MouseOverBrush="{TemplateBinding MouseOverBrush}" c1:ClearStyleExtensions.PressedBrush="{TemplateBinding PressedBrush}" IsTabStop="False" Content="{TemplateBinding Header}" />
    272.                                                 <Popup x:Name="DropDownPopup" VerticalAlignment="Bottom">
    273.                                                     <ContentPresenter />
    274.                                                 </Popup>
    275.                                             </Grid>
    276.                                         </ControlTemplate>

    278.                                         <!-- Style @ C1DataGrid ColumnHeader Filter Icon -->
    279.                                         <Style x:Key="DataGridColumnHeaderFilterIconStyle" TargetType="Path">
    280.                                             <Setter Property="Stretch" Value="None" />
    281.                                             <Setter Property="Height" Value="8" />
    282.                                             <Setter Property="Width" Value="8" />
    283.                                             <Setter Property="StrokeThickness" Value="1" />
    284.                                             <Setter Property="Opacity" Value="0.6" />
    285.                                         </Style>

    287.                                         <!-- Style @ C1DataGrid ColumnHeader Options Icon -->
    288.                                         <Style x:Key="DataGridColumnHeaderOptionsIconStyle" TargetType="Polygon">
    289.                                             <Setter Property="Width" Value="7" />
    290.                                             <Setter Property="StrokeThickness" Value="1" />
    291.                                             <Setter Property="Opacity" Value="0.6" />
    292.                                         </Style>

    294.                                     </Grid.Resources>
    295.                                     <VisualStateManager.VisualStateGroups>
    296.                                         <VisualStateGroup x:Name="CommonStates">
    297.                                             <VisualState x:Name="Normal" />
    298.                                             <VisualState x:Name="Disabled" />
    299.                                             <VisualState x:Name="MouseOver">
    300.                                                 <Storyboard>
    301.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverElement" Storyboard.TargetProperty="(UIElement.Visibility)" Duration="0">
    302.                                                         <DiscreteObjectKeyFrame KeyTime="00:00:00">
    303.                                                             <DiscreteObjectKeyFrame.Value>
    304.                                                                 <Visibility>Visible</Visibility>
    305.                                                             </DiscreteObjectKeyFrame.Value>
    306.                                                         </DiscreteObjectKeyFrame>
    307.                                                     </ObjectAnimationUsingKeyFrames>
    308.                                                 </Storyboard>
    309.                                             </VisualState>
    310.                                         </VisualStateGroup>
    311.                                         <VisualStateGroup x:Name="SelectionStates">
    312.                                             <VisualState x:Name="Selected">
    313.                                                 <Storyboard>
    314.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedElement" Storyboard.TargetProperty="(UIElement.Visibility)" Duration="0">
    315.                                                         <DiscreteObjectKeyFrame KeyTime="00:00:00">
    316.                                                             <DiscreteObjectKeyFrame.Value>
    317.                                                                 <Visibility>Visible</Visibility>
    318.                                                             </DiscreteObjectKeyFrame.Value>
    319.                                                         </DiscreteObjectKeyFrame>
    320.                                                     </ObjectAnimationUsingKeyFrames>
    321.                                                 </Storyboard>
    322.                                             </VisualState>
    323.                                             <VisualState x:Name="Editing">
    324.                                                 <Storyboard>
    325.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedElement" Storyboard.TargetProperty="(UIElement.Visibility)" Duration="0">
    326.                                                         <DiscreteObjectKeyFrame KeyTime="00:00:00">
    327.                                                             <DiscreteObjectKeyFrame.Value>
    328.                                                                 <Visibility>Visible</Visibility>
    329.                                                             </DiscreteObjectKeyFrame.Value>
    330.                                                         </DiscreteObjectKeyFrame>
    331.                                                     </ObjectAnimationUsingKeyFrames>
    332.                                                 </Storyboard>
    333.                                             </VisualState>
    334.                                             <VisualState x:Name="Unselected">
    335.                                                 <Storyboard />
    336.                                             </VisualState>
    337.                                         </VisualStateGroup>
    338.                                         <VisualStateGroup x:Name="OptionsStates">
    339.                                             <VisualState x:Name="Filtering">
    340.                                                 <Storyboard>
    341.                                                     <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsArrow" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0">
    342.                                                         <DiscreteDoubleKeyFrame KeyTime="00:00:00" Value="0" />
    343.                                                     </DoubleAnimationUsingKeyFrames>
    344.                                                     <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Filter" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0">
    345.                                                         <DiscreteDoubleKeyFrame KeyTime="00:00:00" Value=".6" />
    346.                                                     </DoubleAnimationUsingKeyFrames>
    347.                                                 </Storyboard>
    348.                                             </VisualState>
    349.                                             <VisualState x:Name="Undefined">
    350.                                                 <Storyboard>
    351.                                                     <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OptionsArrow" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0">
    352.                                                         <DiscreteDoubleKeyFrame KeyTime="00:00:00" Value="1" />
    353.                                                     </DoubleAnimationUsingKeyFrames>
    354.                                                     <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Filter" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0">
    355.                                                         <DiscreteDoubleKeyFrame KeyTime="00:00:00" Value="0" />
    356.                                                     </DoubleAnimationUsingKeyFrames>
    357.                                                 </Storyboard>
    358.                                             </VisualState>
    359.                                         </VisualStateGroup>
    360.                                         <VisualStateGroup x:Name="MergingStates">
    361.                                             <VisualState x:Name="Merging">
    362.                                                 <Storyboard>
    363.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundBrush" Storyboard.TargetProperty="DesignBrush">
    364.                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource DataGridColumnHeaderMergingBrush}" />
    365.                                                     </ObjectAnimationUsingKeyFrames>
    366.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="MouseOverBrush" Storyboard.TargetProperty="DesignBrush">
    367.                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource DataGridColumnHeaderMergingOverBrush}" />
    368.                                                     </ObjectAnimationUsingKeyFrames>
    369.                                                     <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SelectedBackground" Storyboard.TargetProperty="DesignBrush">
    370.                                                         <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource DataGridColumnHeaderMergingSelectedBrush}" />
    371.                                                     </ObjectAnimationUsingKeyFrames>
    372.                                                 </Storyboard>
    373.                                             </VisualState>
    374.                                             <VisualState x:Name="NotMerging">
    375.                                             </VisualState>
    376.                                         </VisualStateGroup>
    377.                                     </VisualStateManager.VisualStateGroups>
    378.                                     <Grid.RowDefinitions>
    379.                                         <RowDefinition Height="*" />
    380.                                         <RowDefinition Height="Auto" />
    381.                                     </Grid.RowDefinitions>
    382.                                     <Grid.ColumnDefinitions>
    383.                                         <ColumnDefinition Width="*" />
    384.                                         <ColumnDefinition Width="Auto" />
    385.                                         <ColumnDefinition Width="Auto" />
    386.                                     </Grid.ColumnDefinitions>
    387.                                     <c1:C1BrushBuilder x:Name="BackgroundBrush" Input="{TemplateBinding Background}" DesignBrush="{StaticResource DataGridColumnHeaderBrush}" DesignColor="{StaticResource BaseColor}" />
    388.                                     <c1:C1BrushBuilder x:Name="MouseOverBrush" Input="{TemplateBinding MouseOverBrush}" DesignBrush="{StaticResource DataGridColumnHeaderOverBrush}" DesignColor="{StaticResource MouseOverColor}" />
    389.                                     <c1:C1BrushBuilder x:Name="SelectedBackground" Input="{TemplateBinding SelectedBackground}" DesignBrush="{StaticResource DataGridColumnHeaderSelectedBackground}" DesignColor="{StaticResource SelectedColor}" />
    390.                                     <c1:C1BrushBuilder x:Name="IconBrush" Input="{TemplateBinding Foreground}" DesignBrush="{StaticResource DataGridColumnHeaderIconBrush}" DesignColor="{StaticResource ForegroundColor}" />
    391.                                     <c1:C1BrushBuilder x:Name="IconBorderBrush" Input="{TemplateBinding Foreground}" DesignBrush="{StaticResource DataGridColumnHeaderIconBorderBrush}" DesignColor="{StaticResource ForegroundColor}" />
    392.                                     <Border x:Name="BackgroundElement" Background="Transparent" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.RowSpan="2" Grid.ColumnSpan="4" />
    393.                                     <Border x:Name="SelectedElement" Background="{Binding ElementName=SelectedBackground, Path=Output}" BorderBrush="{TemplateBinding SelectedBackground}" BorderThickness="{TemplateBinding BorderThickness}" Grid.RowSpan="2" Grid.ColumnSpan="4" Visibility="Collapsed" />
    394.                                     <Border x:Name="MouseOverElement" Background="{Binding ElementName=MouseOverBrush, Path=Output}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.RowSpan="2" Grid.ColumnSpan="4" Visibility="Collapsed" />
    395.                                     <ToggleButton x:Name="Sort" Grid.RowSpan="2" Grid.ColumnSpan="2" Style="{StaticResource DataGridColumnHeaderSortTButtonStyle}" IsHitTestVisible="True" IsTabStop="False" Foreground="{TemplateBinding Foreground}" Margin="{StaticResource DataGridBorderThickness}" />
    396.                                     <ContentPresenter x:Name="ContentPresenter" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Margin="6,0,6,0" Visibility="Visible" />

    398.                                     <c1:C1DropDown x:Name="Options" HorizontalAlignment="Right" Visibility="Collapsed" Template="{StaticResource DataGridColumnHeaderOptionsDDownStyle}" IsTabStop="False" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" Padding="0" Margin="{TemplateBinding BorderThickness}" AutoSizeMode="GrowHorizontally" MouseOverBrush="{TemplateBinding MouseOverBrush}" PressedBrush="{TemplateBinding PressedBrush}">
    399.                                         <c1:C1DropDown.Header>
    400.                                             <Grid>
    401.                                                 <Path x:Name="Filter" Data="M3.5,0.5 L4.5,0.5 L4.5,0.5 L7.5,0.5 L7.5,1.5 L7.5,1.5 L4.5,4.3 L4.5,7.5 L3.5,7.5 L3.5,4.3 L0.5,1.5 L0.5,0.5 L3.5,0.5 z" Fill="{Binding Output, ElementName=IconBrush}" Stroke="{Binding Output, ElementName=IconBorderBrush}" Style="{StaticResource DataGridColumnHeaderFilterIconStyle}" />
    402.                                                 <Polygon x:Name="OptionsArrow" Stretch="Uniform" Points="0,0 2,0 1,1" Fill="{Binding Output, ElementName=IconBrush}" Stroke="{Binding Output, ElementName=IconBorderBrush}" Style="{StaticResource DataGridColumnHeaderOptionsIconStyle}" />
    403.                                             </Grid>
    404.                                         </c1:C1DropDown.Header>
    405.                                     </c1:C1DropDown>
    406.                                     <Rectangle x:Name="Resize" Fill="White" Width="4" Grid.RowSpan="2" Grid.ColumnSpan="3" HorizontalAlignment="Right" Cursor="SizeWE" Opacity="0" Margin="0 0 -2 0" Visibility="Visible" />
    407.                                 </Grid>
    408.                             </ControlTemplate>
    409.                         </Setter.Value>
    410.                     </Setter>
    411.                 </Style>

    413.             </c1:C1DataGrid.ColumnHeaderStyle>
    复制代码



  • 原来的DataGrid里数据多的时候，用虚拟化可以加快速度，我用c1DataGrid，没有这个属性了。
    现在使用<c1:C1DataGrid Name="c1DataGrid1" ScrollMode="Deferred"/>即可



    以后如有其他补充，随时修改

    • 本帖子中包含更多资源

    您需要 登录 才可以下载或查看，没有帐号？立即注册

    x

    1 个回复

    倒序浏览
    Alice
    社区贡献组   /  发表于：2015-7-21 09:52:00
    沙发
    回复 1楼feiyan0320的帖子

    谢谢您费心的总结和反馈。
    很详细。
    我也会总结一篇有关C1DataGrid和C1FlexGrid的对比说明，发布博客。
    完成后也请你看看。

    评分

    参与人数 1满意度 +5 收起 理由
    feiyan0320 + 5 多谢

    查看全部评分

    请点击评分，对我的服务做出评价！  5分为非常满意！

    葡萄城控件服务团队

    官方网站: http://www.gcpowertools.com.cn
    回复 使用道具 举报
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册
    产品与服务
    活字格低代码平台
    Wyn 商业智能软件
    SpreadJS纯前端表格控件
    技术服务体系
    技术博客
    低代码技术
    客户与案例
    典型客户
    成功案例
    用户访谈
    合作与生态
    合作伙伴网络
    葡萄城市场
    葡萄城与国产化
    活字格用友客开工具
    品牌活动
    葡萄城公开课
    品牌战略发布会
    赋能开发者高峰论坛
    企业级低代码发展研讨会
    企业级低代码应用大赛
    表格技术研讨会
    了解葡萄城
    葡萄城简介
    愿景使命
    研发与创新
    荣誉奖项
    加入我们
    联系方式
    联系我们
    400-657-6008

    葡萄城社区二维码

    关注“葡萄城社区”

    赋能开发者

    西安葡萄城软件有限公司
    专业的软件开发技术和低代码平台提供商

    陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

    邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

    Archiver| 手机版| 小黑屋|

    返回顶部