新建Custom Control,名:PagingDataGrid
打开工程下面的ThemesGeneric.xaml
xaml里面代码替换如下
1 <Style x:Key="{x:Type loc:PagingDataGrid}" TargetType="{x:Type loc:PagingDataGrid}"> 2 <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/> 3 <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/> 4 <Setter Property="BorderBrush" Value="#FF688CAF" /> 5 <Setter Property="BorderThickness" Value="1" /> 6 <Setter Property="RowDetailsVisibilityMode" Value="VisibleWhenSelected" /> 7 <Setter Property="ScrollViewer.CanContentScroll" Value="true"/> 8 <Setter Property="CanUserSortColumns" Value="False"/> 9 <Setter Property="AlternatingRowBackground" Value="SkyBlue"/> 10 <Setter Property="AlternationCount" Value="2"/> 11 <Setter Property="ScrollViewer.PanningMode" Value="Both"/> 12 <Setter Property="Stylus.IsFlicksEnabled" Value="False"/> 13 <Setter Property="Template"> 14 <Setter.Value> 15 <ControlTemplate TargetType="{x:Type loc:PagingDataGrid}"> 16 <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True" Padding="{TemplateBinding Padding}"> 17 <Grid> 18 <Grid.RowDefinitions> 19 <RowDefinition Height="*"/> 20 <RowDefinition Height="Auto"/> 21 </Grid.RowDefinitions> 22 <ScrollViewer Grid.Row="0" Focusable="false" Name="DG_ScrollViewer"> 23 <ScrollViewer.Template> 24 <ControlTemplate TargetType="{x:Type ScrollViewer}"> 25 <Grid> 26 <Grid.ColumnDefinitions> 27 <ColumnDefinition Width="Auto"/> 28 <ColumnDefinition Width="*"/> 29 <ColumnDefinition Width="Auto"/> 30 </Grid.ColumnDefinitions> 31 <Grid.RowDefinitions> 32 <RowDefinition Height="Auto"/> 33 <RowDefinition Height="*"/> 34 <RowDefinition Height="Auto"/> 35 </Grid.RowDefinitions> 36 <Button Command="ApplicationCommands.SelectAll" Focusable="False" Style="{DynamicResource {ComponentResourceKey ResourceId=DataGridSelectAllButtonStyle, TypeInTargetAssembly={x:Type DataGrid}}}" Width="{Binding CellsPanelHorizontalOffset, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type DataGrid}}}"> 37 <Button.Visibility> 38 <Binding Path="HeadersVisibility" RelativeSource="{RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type DataGrid}}"> 39 <Binding.ConverterParameter> 40 <DataGridHeadersVisibility>All</DataGridHeadersVisibility> 41 </Binding.ConverterParameter> 42 </Binding> 43 </Button.Visibility> 44 </Button> 45 <DataGridColumnHeadersPresenter x:Name="PART_ColumnHeadersPresenter" Grid.Column="1"> 46 <DataGridColumnHeadersPresenter.Visibility> 47 <Binding Path="HeadersVisibility" RelativeSource="{RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type DataGrid}}"> 48 <Binding.ConverterParameter> 49 <DataGridHeadersVisibility>Column</DataGridHeadersVisibility> 50 </Binding.ConverterParameter> 51 </Binding> 52 </DataGridColumnHeadersPresenter.Visibility> 53 </DataGridColumnHeadersPresenter> 54 <ScrollContentPresenter x:Name="PART_ScrollContentPresenter" CanContentScroll="{TemplateBinding CanContentScroll}" CanHorizontallyScroll="False" Grid.ColumnSpan="2" CanVerticallyScroll="False" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Grid.Row="1"/> 55 <ScrollBar x:Name="PART_VerticalScrollBar" Grid.Column="2" Maximum="{TemplateBinding ScrollableHeight}" Orientation="Vertical" Grid.Row="1" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportHeight}"/> 56 <Grid Grid.Column="1" Grid.Row="2"> 57 <Grid.ColumnDefinitions> 58 <ColumnDefinition Width="{Binding NonFrozenColumnsViewportHorizontalOffset, RelativeSource={RelativeSource FindAncestor, AncestorLevel=1, AncestorType={x:Type DataGrid}}}"/> 59 <ColumnDefinition Width="*"/> 60 </Grid.ColumnDefinitions> 61 <ScrollBar x:Name="PART_HorizontalScrollBar" Grid.Column="1" Maximum="{TemplateBinding ScrollableWidth}" Orientation="Horizontal" Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}" Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" ViewportSize="{TemplateBinding ViewportWidth}"/> 62 </Grid> 63 </Grid> 64 </ControlTemplate> 65 </ScrollViewer.Template> 66 <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/> 67 </ScrollViewer> 68 <!--分页控件--> 69 <StackPanel Grid.Row="1" SnapsToDevicePixels="True" VerticalAlignment="Center" Visibility="{Binding IsShowPaging,RelativeSource={RelativeSource TemplatedParent},Converter={StaticResource BoolToVisibilityConverter}}" Orientation="Horizontal"> 70 <StackPanel.Resources> 71 <Style TargetType="TextBlock"> 72 <Setter Property="FontSize" Value="13"/> 73 <Setter Property="Margin" Value="3,0"/> 74 </Style> 75 <Style TargetType="TextBox"> 76 <Setter Property="FontSize" Value="13"/> 77 </Style> 78 <Style TargetType="ComboBox"> 79 <Setter Property="FontSize" Value="13"/> 80 </Style> 81 <Style TargetType="Button"> 82 <Setter Property="FontSize" Value="13"/> 83 </Style> 84 </StackPanel.Resources> 85 <TextBlock>总计</TextBlock> 86 <TextBlock Foreground="Red" Text="{Binding Total,RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}" /> 87 <TextBlock>条记录 每页显示</TextBlock> 88 <ComboBox x:Name="PART_DispalyCount" BorderThickness="1" BorderBrush="Red" Foreground="Red" Grid.Column="0" FontSize="12" VerticalAlignment="Center" MinWidth="40" ItemsSource="{Binding PageSizeItemsSource,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay}" SelectedItem="{Binding PageSize,RelativeSource={RelativeSource TemplatedParent},Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" /> 89 <TextBlock>条 总页数</TextBlock> 90 <TextBlock Margin="3" Foreground="Red" Text="{Binding PageCount,RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}" /> 91 <Button x:Name="PART_PrePage" Content="上一页"/> 92 <TextBlock>当前页</TextBlock> 93 <TextBox Width="100" Foreground="Red" x:Name="PART_PageIndex" Text="{Binding PageIndex,RelativeSource={RelativeSource TemplatedParent},Mode=OneWay}" /> 94 <TextBlock>页</TextBlock> 95 <Button x:Name="PART_GoTo" Content="转到页"/> 96 <Button x:Name="PART_NextPage" Content="下一页"/> 97 </StackPanel> 98 </Grid> 99 </Border> 100 </ControlTemplate> 101 </Setter.Value> 102 </Setter> 103 <Style.Triggers> 104 <Trigger Property="IsGrouping" Value="true"> 105 <Setter Property="ScrollViewer.CanContentScroll" Value="false"/> 106 </Trigger> 107 </Style.Triggers> 108 </Style>
打开PagingDataGrid.cs文件
代码如下:
1 public class PagingDataGrid : DataGrid 2 { 3 static PagingDataGrid() 4 { 5 DefaultStyleKeyProperty.OverrideMetadata(typeof(PagingDataGrid), new FrameworkPropertyMetadata(typeof(PagingDataGrid))); 6 } 7 8 #region 变量定义 9 ComboBox PART_DispalyCount; 10 Button PART_PrePage; 11 Button PART_NextPage; 12 Button PART_GoTo; 13 TextBox PART_PageIndex; 14 #endregion 15 16 #region 事件代理 17 18 public delegate void PagingChangedEventHandler(object sender, PagingChangedEventArgs e); 19 20 public event PagingChangedEventHandler PagingChanged; 21 22 private void OnPagingChanged() 23 { 24 if (PagingChanged != null) 25 { 26 PagingChanged(this, new PagingChangedEventArgs() { PageIndex = PageIndex, PageSize = PageSize }); 27 } 28 } 29 #endregion 30 31 #region 一般属性 32 private List<Student> dataItems = new List<Student>(); 33 34 public List<Student> DataItems 35 { 36 get 37 { 38 return dataItems; 39 } 40 set 41 { 42 dataItems = value; 43 ReCalcLayout(); 44 } 45 } 46 47 List<int> list = new List<int>(); 48 49 public List<int> PageSizeItemsSource 50 { 51 get 52 { 53 return list; 54 } 55 set 56 { 57 list = value; 58 } 59 } 60 #endregion 61 62 #region 依赖属性 63 /// <summary> 64 /// 页大小 65 /// </summary> 66 public int PageSize 67 { 68 get { return (int)GetValue(PageSizeProperty); } 69 set { SetValue(PageSizeProperty, value); } 70 } 71 72 /// <summary> 73 /// 当前页 74 /// </summary> 75 public int PageIndex 76 { 77 get { return (int)GetValue(PageIndexProperty); } 78 set { SetValue(PageIndexProperty, value); } 79 } 80 81 /// <summary> 82 /// 总计录数 83 /// </summary> 84 public int Total 85 { 86 get { return (int)GetValue(TotalProperty); } 87 set { SetValue(TotalProperty, value); } 88 } 89 90 /// <summary> 91 /// 是否显示页 92 /// </summary> 93 public bool IsShowPaging 94 { 95 get { return (bool)GetValue(IsShowPagingProperty); } 96 set { SetValue(IsShowPagingProperty, value); } 97 } 98 99 /// <summary> 100 /// 总页数 101 /// </summary> 102 public int PageCount 103 { 104 get { return (int)GetValue(PageCountProperty); } 105 set { SetValue(PageCountProperty, value); } 106 } 107 108 109 110 // Using a DependencyProperty as the backing store for PageCount. This enables animation, styling, binding, etc... 111 public static readonly DependencyProperty PageCountProperty = 112 DependencyProperty.Register("PageCount", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(5)); 113 114 115 // Using a DependencyProperty as the backing store for End. This enables animation, styling, binding, etc... 116 public static readonly DependencyProperty EndProperty = 117 DependencyProperty.Register("End", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(0)); 118 119 120 // Using a DependencyProperty as the backing store for Start. This enables animation, styling, binding, etc... 121 public static readonly DependencyProperty StartProperty = 122 DependencyProperty.Register("Start", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(0)); 123 124 125 // Using a DependencyProperty as the backing store for IsShowPaging. This enables animation, styling, binding, etc... 126 public static readonly DependencyProperty IsShowPagingProperty = 127 DependencyProperty.Register("IsShowPaging", typeof(bool), typeof(PagingDataGrid), new UIPropertyMetadata(true)); 128 129 130 // Using a DependencyProperty as the backing store for Total. This enables animation, styling, binding, etc... 131 public static readonly DependencyProperty TotalProperty = 132 DependencyProperty.Register("Total", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(16)); 133 134 135 // Using a DependencyProperty as the backing store for PageIndex. This enables animation, styling, binding, etc... 136 public static readonly DependencyProperty PageIndexProperty = 137 DependencyProperty.Register("PageIndex", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(1)); 138 139 140 // Using a DependencyProperty as the backing store for PageSize. This enables animation, styling, binding, etc... 141 public static readonly DependencyProperty PageSizeProperty = 142 DependencyProperty.Register("PageSize", typeof(int), typeof(PagingDataGrid), new UIPropertyMetadata(10)); 143 144 #endregion 145 146 #region 相关命令 147 RoutedCommand NextPageCommand = new RoutedCommand(); 148 RoutedCommand PrePageCommand = new RoutedCommand(); 149 RoutedCommand GoToCommand = new RoutedCommand(); 150 #endregion 151 152 #region 重写方法 153 public override void OnApplyTemplate() 154 { 155 base.OnApplyTemplate(); 156 //获取模板中的控件 157 PART_DispalyCount = GetTemplateChild("PART_DispalyCount") as ComboBox; 158 PART_PrePage = GetTemplateChild("PART_PrePage") as Button; 159 PART_NextPage = GetTemplateChild("PART_NextPage") as Button; 160 PART_GoTo = GetTemplateChild("PART_GoTo") as Button; 161 PART_PageIndex = GetTemplateChild("PART_PageIndex") as TextBox; 162 //添加控件命令Binding 163 PART_NextPage.CommandBindings.Add(new CommandBinding(NextPageCommand, NextPage_Excuted, NextPage_CanExcuted)); 164 PART_PrePage.CommandBindings.Add(new CommandBinding(PrePageCommand, PrePage_Excuted, PrePage_CanExcuted)); 165 PART_GoTo.CommandBindings.Add(new CommandBinding(GoToCommand, GoTo_Excuted, GoTo_CanExcuted)); 166 PART_NextPage.Command = NextPageCommand; 167 PART_PrePage.Command = PrePageCommand; 168 PART_GoTo.Command = GoToCommand; 169 //添加控件事件 170 PART_DispalyCount.SelectionChanged += PART_DispalyCount_SelectionChanged; 171 } 172 173 private void GoTo_Excuted(object sender, ExecutedRoutedEventArgs e) 174 { 175 int idx = 0; 176 if (int.TryParse(PART_PageIndex.Text, out idx)) 177 { 178 GoTo(idx); 179 } 180 } 181 182 private void GoTo_CanExcuted(object sender, CanExecuteRoutedEventArgs e) 183 { 184 int idx = 0; 185 if (int.TryParse(PART_PageIndex.Text, out idx)) 186 { 187 if (idx > PageCount || idx <= 0) 188 { 189 e.CanExecute = false; 190 } 191 else 192 { 193 e.CanExecute = true; 194 } 195 } 196 else 197 { 198 e.CanExecute = false; 199 } 200 } 201 202 private void NextPage_CanExcuted(object sender, CanExecuteRoutedEventArgs e) 203 { 204 if (PageIndex == PageCount) 205 { 206 e.CanExecute = false; 207 } 208 else 209 { 210 e.CanExecute = true; 211 } 212 } 213 214 private void NextPage_Excuted(object sender, ExecutedRoutedEventArgs e) 215 { 216 GoTo(PageIndex++); 217 } 218 219 private void PrePage_CanExcuted(object sender, CanExecuteRoutedEventArgs e) 220 { 221 if (PageIndex == 1) 222 { 223 e.CanExecute = false; 224 } 225 else 226 { 227 e.CanExecute = true; 228 } 229 } 230 231 private void PrePage_Excuted(object sender, ExecutedRoutedEventArgs e) 232 { 233 GoTo(PageIndex--); 234 } 235 #endregion 236 237 #region 分页事件 238 void PART_DispalyCount_SelectionChanged(object sender, SelectionChangedEventArgs e) 239 { 240 PageSize = int.Parse((sender as ComboBox).SelectedItem.ToString()); 241 ReCalcLayout(); 242 GoTo(PageIndex); 243 } 244 245 private void GoTo(int page) 246 { 247 ItemsSource = DataItems.Skip((PageIndex - 1) * PageSize).Take(PageSize).ToList(); 248 } 249 250 private void ReCalcLayout() 251 { 252 Total = DataItems.Count; 253 int pc = Total / PageSize; 254 if (Total % PageSize == 0) 255 { 256 PageCount = pc; 257 } 258 else 259 { 260 PageCount = pc + 1; 261 } 262 PageIndex = PageIndex > PageCount ? PageCount : PageIndex; 263 } 264 #endregion 265 }
此外还需要一个类支持PagingChangedEventArgs
1 /// <summary> 2 /// 页跳转参数 3 /// </summary> 4 public class PagingChangedEventArgs : EventArgs 5 { 6 public int PageSize { get; set; } 7 public int PageIndex { get; set; } 8 }
控件完成,调试:
1 <local:PagingDataGrid x:Name="pdg" PagingChanged="pdg_PagingChanged" IsShowPaging="True" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="False" IsReadOnly="True" SnapsToDevicePixels="True" CanUserReorderColumns="False"> 2 <local:PagingDataGrid.PageSizeItemsSource> 3 <sys:Int32>5</sys:Int32> 4 <sys:Int32>10</sys:Int32> 5 <sys:Int32>15</sys:Int32> 6 <sys:Int32>20</sys:Int32> 7 <sys:Int32>30</sys:Int32> 8 <sys:Int32>50</sys:Int32> 9 <sys:Int32>100</sys:Int32> 10 </local:PagingDataGrid.PageSizeItemsSource> 11 <local:PagingDataGrid.Columns> 12 <DataGridTextColumn Binding="{Binding Name}" Header="AAA"/> 13 <DataGridTextColumn Binding="{Binding Age}" Header="BBB"/> 14 <DataGridTextColumn Binding="{Binding Sex}" Width="*" Header="CCC"/> 15 </local:PagingDataGrid.Columns> 16 </local:PagingDataGrid>
新建调试类Student
1 public class Student 2 { 3 public string Name { get; set; } 4 public int Age { get; set; } 5 public string MoreInfo { get; set; } 6 }
调试代码,注意这里使用DataItems保存信息,如果使用Items或是ItemsSource则无分页效果
1 List<Student> list = new List<Student>(); 2 for (int i = 0; i < 20; i++) 3 { 4 list.Add(new Student() { Name = Guid.NewGuid().ToString(), Age = i, MoreInfo = "Sex" }); 5 } 6 pdg.DataItems = list;