Цель: сделать таблицу, в которой данные будут отображаться постранично.
Создал UserControl
.
Не могу понять как привязать свойства, которые непостоянны и высчитываются. К примеру, свойство PageCount
отвечает за количество страниц в таблице и если пользователь укажет, что на одной странице может выводиться 50 строк, то это свойство нужно пересчитать. В моем коде значение этого свойства вообще не отображается.
Подскажите, как правильно привязывать такие свойства в UserControl
?
UPDATE
Попробовал сделать VM и прибиндить к её свойствам DependencyProperty
, как указано в этом ответе, но безрезультатно. Свойство PageCount
по-прежнему не высчитывается и не отображается.
VM:
public class PagedDataGridVM : BaseVM
{
private int _pageCount;
private int _rowsPerPage;
private IList _itemsSource;
public IList ItemsSource
{
get { return _itemsSource; }
set
{
_itemsSource = value;
OnPropertyChanged();
}
}
public int RowsPerPage
{
get { return _rowsPerPage; }
set
{
_rowsPerPage = value;
OnPropertyChanged();
}
}
public int PageCount
{
get { return (ItemsSource.Count % RowsPerPage == 0) ? ItemsSource.Count / RowsPerPage : ItemsSource.Count / RowsPerPage + 1;}
}
}
PagedDataGrid.cs:
public partial class PagedDataGrid : UserControl
{
public IList OnePageItems { get; set; }
public PagedDataGrid()
{
InitializeComponent();
userControl.DataContext = new PagedDataGridVM();
}
public IList ItemsSource
{
get { return (IList)GetValue(ItemsSourceProperty);}
set { SetValue(ItemsSourceProperty, value); }
}
public static readonly DependencyProperty ItemsSourceProperty =
DependencyProperty.Register("ItemsSource", typeof(IList), typeof(PagedDataGrid));
public int RowsPerPage
{
get { return (int)GetValue(RowsPerPageProperty); }
set { SetValue(RowsPerPageProperty, value); }
}
public static readonly DependencyProperty RowsPerPageProperty =
DependencyProperty.Register("RowsPerPage", typeof(int), typeof(PagedDataGrid), new PropertyMetadata(100));
}
PagedDataGrid.cs.xaml:
<UserControl x:Class="Test.Controls.PagedDataGrid"
x:Name="userControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:Test"
xmlns:vm="clr-namespace:Test.Controls"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<UserControl.Resources>
<Style TargetType="vm:PagedDataGrid">
<Setter Property="RowsPerPage" Value="{Binding RowsPerPage}"/>
</Style>
</UserControl.Resources>
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<DataGrid x:Name="dataGrid"
ItemsSource="{Binding ElementName=userControl, Path=ItemsSource}" >
<DataGrid.Resources>
<Style TargetType="vm:PagedDataGrid">
<Setter Property="ItemsSource" Value="{Binding ItemsSource}"/>
</Style>
</DataGrid.Resources>
</DataGrid>
<Grid Grid.Row="1"
x:Name="grid">
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Button Grid.Column="0"
x:Name="btnBegin"
Content="Begin" />
<Button Grid.Column="1"
x:Name="btnPrev"
Content="Prev" />
<TextBlock Grid.Column="2" Text="1"
HorizontalAlignment="Center" VerticalAlignment="Center" />
<Button Grid.Column="3"
x:Name="btnNext"
Content="Next" />
<Button Grid.Column="4"
x:Name="btnEnd"
Content="End" />
<Separator Grid.Column="5" VerticalAlignment="Stretch" HorizontalAlignment="Center"/>
<Grid Grid.Column="6">
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<TextBox Grid.Column="0" Text="1"
VerticalAlignment="Center"/>
<TextBlock Grid.Column="1" Text="{Binding PageCount, StringFormat=of {0}}"
VerticalAlignment="Center" Margin="5,0,0,0"/>
</Grid>
</Grid>
</Grid>