1

Цель: сделать таблицу, в которой данные будут отображаться постранично.

Создал 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>

1 ответ 1

0

Действуйте по паттерну MVVM. Ваши свойства вынесите во ViewModel. PageCount можно привязать следующим образом

<Label Grid.Column="7" Content="{Binding PageCount}" />

не забудьте задать DataContext для view

<Window.DataContext>
   <local:MyViewModel/>
</Window.DataContext>

Чтобы view подхватывала измененные свойства используйте MyViewModel : INotifyPropertyChanged

https://msdn.microsoft.com/en-us/library/ms743695(v=vs.110).aspx

ну или делайте биндинг так

{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=PageCount}

есть еще такой вариант, нужно задать имя контролу:

<UserControl 
    x:Name="This">

и использовать биндинг так:

{Binding ElementName=This, Path=PageCount}

Еще вариант, устанавливаете DataContext для родительского контрола

<Grid DataContext="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}" >
        <Label Grid.Column="7"     
    Content="{Binding PageCount}"/>
</Grid>
17
  • 4
    DataContext самого контрола лучше бы не менять - в некоторых сценариях его могут поменять "снаружи". Commented 14 дек. 2016 в 9:16
  • 4
    Лучше выставлять DataContext для элемента, который вложен непосредственно в UserControl. Commented 14 дек. 2016 в 9:16
  • {Binding ElementName=This, Path=PageCount}, так работать не будет. Правильный способ {Binding ElementName=This, Path=DataContext.PageCount}
    – Gardes
    Commented 14 дек. 2016 в 9:55
  • 1
    @user2455111 нее, если устанавливает его для Label - пропадает весь смысл. Я имел в виду установить DataContext для какого-нибудь Grid. Commented 14 дек. 2016 в 13:35
  • 1
    Давайте продолжим обсуждение в чате. Commented 15 дек. 2016 в 4:50

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.