通过TemplateSelector在DataTemplate中进行双向数据绑定

时间:2012-03-28 13:32:01

标签: c# wpf xaml data-binding mvvm

我有一个对象编辑器视图,它显示简单数据以及值的解释,使用TemplateSelector进行模板化。如果原始值得到更新,则解释的值也会更新,反之亦然。在一个简单的DataTemplate中它运行良好,但我有一个更复杂的场景,其中值(一个ushort)表示一个位图(标志字段)。为此,我使用带有ItemTemplate的ItemsControl。这在value->标志方向上可以正常工作,但在单击标志时则不行。我在MVVM世界,所以不想对xaml.cs文件中的事件作出反应......

View的资源:

    <DataTemplate x:Key="StandardTemplate">
        <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
            <TextBox Margin="0" VerticalAlignment="Top" Width="50" Text="{Binding Formatted,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />
        </StackPanel>
    </DataTemplate>

    <DataTemplate x:Key="BitmapTemplate" >
        <ItemsControl ItemsSource="{Binding Flags,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" >
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>

            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <StackPanel HorizontalAlignment="Center" Width="20">
                        <TextBlock Text="{Binding BitPosition,Converter={StaticResource intConverter},ConverterParameter=1}" HorizontalAlignment="Center" />
                        <CheckBox HorizontalAlignment="Center" HorizontalContentAlignment="Center" IsChecked="{Binding IsBitSet,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" />
                    </StackPanel>
                </DataTemplate>
            </ItemsControl.ItemTemplate>

        </ItemsControl>
    </DataTemplate>


    <selectors:EditTemplateSelector x:Key="EditSelector" BitmapTemplate="{StaticResource BitmapTemplate}" StandardTemplate="{StaticResource StandardTemplate}" />

它出现在视图上:

<ContentPresenter Content="{Binding Register}" Grid.Row="2" Grid.ColumnSpan="2" Margin="10" ContentTemplateSelector="{StaticResource EditSelector}" />

我的Bitmap和BitmapBit类是:

public class BitmapBit : ObservableObject
{
    ushort _bitPosition = 0;
    bool _isSet = false;

    public BitmapBit(ushort bitPos, bool isSet)
    {
        _bitPosition = bitPos;
        _isSet = isSet;
    }

    public ushort BitPosition
    {
        get { return _bitPosition; }
        set
        {
            if (_bitPosition == value)
                return;

            _bitPosition = value;
            RaisePropertyChanged("BitPosition");
        }
    }

    public bool IsBitSet
    {
        get { return _isSet; }
        set
        {
            if (_isSet == value)
                return;

            _isSet = value;
            RaisePropertyChanged("IsBitSet");
        }
    }
}

/// <summary>
/// A collection of BitmapBits
/// </summary>
public class Bitmap : ObservableCollection<BitmapBit>
{
    const ushort NUMBER_OF_BITS = sizeof(ushort) * 8;   // 8 BITS_IN_A_BYTE

    protected Bitmap(ushort value) : base()
    {
        for (ushort i = 0; i < NUMBER_OF_BITS; ++i )
            Insert(0, new BitmapBit(bitPos: i, isSet: (value & (1 << i)) != 0));
    }


    public static Bitmap Create(ushort value)
    {
        return new Bitmap(value);
    }

    public static ushort Parse(Bitmap bits)
    {
        ushort generated = 0;
        foreach (BitmapBit bit in bits)
            generated += (ushort)(bit.IsBitSet ? 2 ^ bit.BitPosition : 0);
        return generated;
    }
}

调用IsBitSet setter,但我认为问题在于Bitmap没有涉及Bit已更改的Notification - 因此Flags setter永远不会被调用。如何更改/更改其ObservableCollection的成员时,如何更新/通知Flags属性?

1 个答案:

答案 0 :(得分:1)

这是因为您的复选框正在更新转换器创建的BitmapBit个对象。他们对于您的ItemsControl单独调用的转换器本身一无所知。

如果您希望更新原始的ushort,那么您真的希望直接从ViewModel公开BitmapBit集合,而不是通过转换器。这样您就可以更新BitmapBit对象中的VM引用并更新BitmapBit setter中的ushort。

修改: 你的编辑清理了一下,但问题仍然是我得到的。 BitmapBits不知道底层的Bitmap,所以不要更新它。

您没有显示Flags的定义方式,因此我无法向您展示如何更新它,但基本上您只需要查看每个BitmapBit上的更改,就像View一样,订阅PropertyChanged:

protected Bitmap(ushort value) : base() 
{ 
    for (ushort i = 0; i < NUMBER_OF_BITS; ++i ) 
    {
        var bit = new BitmapBit(bitPos: i, isSet: (value & (1 << i)) != 0);
        bit.PropertyChanged += (s, e) => UpdateFlags();
        Insert(0, bit);
     }
}