UserControl DataBinding

时间:2011-12-02 00:14:31

标签: .net silverlight windows-phone-7 data-binding

我很可能以错误的方式为我的UserControl进行数据绑定,请指出错误。

我的页面视图(view.xaml)的XAML中有一个UserControl:

<StackPanel Grid.Row="1" Margin="0,20,0,0" x:Name="ProgressBarPanel" HorizontalAlignment="Center">
                <deusControls:BookProgressBar BookProgressValue="{Binding BookProgressInfo, Mode=OneWay}" Width="430" />
            </StackPanel>

控件本身只是一个包装列表框(myprogressbar.xaml):

<Grid x:Name="ProgressBarLayoutRoot">

        <ListBox x:Name="ProgressBarControl" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding Bars, RelativeSource=this}">
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border Height="15" BorderThickness="1" CornerRadius="{Binding Corner}" Width="{Binding Width}" Background="{Binding IsAchieved, Converter={StaticResource progressToColor}}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>

    </Grid>

BookProgressValue作为依赖属性在控件的代码中注册:

public BookProgressInfo BookProgressValue {
            get { return (BookProgressInfo)GetValue(BookProgressValueProperty); }
            set { SetValue(BookProgressValueProperty, value); }
        }

        public static readonly DependencyProperty BookProgressValueProperty =
            DependencyProperty.Register("BookProgressValue", typeof(BookProgressInfo), typeof(BookProgressBar), 
            new PropertyMetadata(new BookProgressInfo(0), new PropertyChangedCallback(BookProgressValueChanged)));

        static void BookProgressValueChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            var bookProgressBar = (BookProgressBar)sender;

            var progressInfo = (BookProgressInfo) e.NewValue;

            if(progressInfo != null && progressInfo.Id != 0) 
                bookProgressBar.DataContext = new BookProgressBarViewModel(progressInfo, bookProgressBar.Width);
        }

BookProgressValue="{Binding BookProgressInfo, Mode=OneWay}"应该绑定到视图视图模型中的BookProgressInfo属性。

视图模型从逻辑中接收新数据,将其作为BookProgressInfo属性的值提交给UI,并调用NotifyPropertyChanged("BookProgressInfo");

此时我希望我的控件能够处理BookProgressValueChanged事件以更新控件自己的数据上下文(基本上是为了获取它所绑定的更新的Bars组。)但是BookProgressValueChanged不是在NotifyPropertyChanged之后提出。

主要问题是: 获取视图以获得一个DataContext的正确方法是什么,而放置在视图中的UserControl - 拥有它自己的,基于通过数据处理设置的依赖属性的值?

如果对问题的解释不清楚,请告诉我,我会改进。谢谢。

2 个答案:

答案 0 :(得分:0)

显然,Binding的{​​{1}}是错误的:Silverlight中没有'RelativeSource = this'。

ContentControl Template through Property中给出了正确执行此操作的几个选项。请看看。

答案 1 :(得分:0)

我认为你应该在这一行添加根网格:

<Grid x:Name="ProgressBarLayoutRoot" 
      DataContext="{Binding ElementName=userControl, BookProgressValue}"

并为UserControl添加名称:

<UserControl x:Name="userControl"