Question

在我工作的应用程序中，我有几个我监控的项目。每个项目都有几种状态（开，关，变）。状态保存在模型中，窗口的DataContext设置为它。每个按钮DataContext都设置为SortableBindingList中的单个项目。在XAML中，我为按钮创建了控制模板，并在其中创建了DataTrigerrs。但是，有时项目仅显示第一个按钮，有时仅显示前三个按钮（取决于我放在DataTrigger中的内容）。当我检查Snoop时，我发现所有三个按钮都有正确的DataContext设置，并且没有绑定错误。我希望每个按钮都显示它的内容取决于'serverstate'属性的值，但这不会发生。我做错了什么？

控制模板转到Window.Resources：

<ControlTemplate  x:Key="buttonTemplate" TargetType="Button" >
            <Border BorderThickness="1"
                    BorderBrush="Gray"
                    Margin="2"
                    Width="40" Height="35" 
                    >
                <Border.Background>
                    <SolidColorBrush Color="Brown" />
                </Border.Background>
                <ContentPresenter  />
            </Border>

            <ControlTemplate.Triggers>
                <DataTrigger Binding="{Binding serverstate}"  Value="0">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Name="a1"  Text="OFF" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding serverstate}" Value="1">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Name="a2" Text="CHNG" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding serverstate}" Value="2">
                    <Setter Property="Content">
                        <Setter.Value>
                            <TextBlock Name="a3" Text="ON" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

按钮：

<Button Name="state1" 
        DataContext="{Binding ActiveServers[0]}"
        Template="{StaticResource buttonTemplate}"
        />

<Button Name="state2" 
        DataContext="{Binding ActiveServers[1]}"
        Template="{StaticResource buttonTemplate}"
        />

<Button Name="state3" 
        DataContext="{Binding ActiveServers[2]}"
        Template="{StaticResource buttonTemplate}"
        />

<Button Name="state4" 
        DataContext="{Binding ActiveServers[3]}"
       Template="{StaticResource buttonTemplate}"
        />

<Button Name="state5" 
        DataContext="{Binding ActiveServers[4]}"
        Template="{StaticResource buttonTemplate}"
        />

这是按钮在窗口中显示的方式：

注意按钮4和5如何完全忽略datacontext中的属性值。

型号：

public class Model : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public Model()
    {

    }

    private SortableBindingList<Server> _activeServers;
    public SortableBindingList<Server> ActiveServers
    {
        get {
            if (_activeServers == null)
            {
                _activeServers = new SortableBindingList<Server>();
            }

            return _activeServers; 
        }
        set
        {
            _activeServers = value;
            OnPropertyChanged("serverList");
        }
    }

    // Create the OnPropertyChanged method to raise the event 
    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
}

Answer 1

我认为问题是，两个按钮不能使用相同的Content。因此，每种类型的Content对于每个触发值都会出现一次。您可以使用ContentTemplate来避免这种情况。所以代码应该是这样的（对于其他DataTriggers也是如此）。它允许您稍后将DataTemplates更改为更复杂。

<DataTrigger Binding="{Binding serverstate}" Value="2">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <TextBlock Text="ON" VerticalAlignment="Center" 
                           HorizontalAlignment="Center" Foreground="White" />
            </DataTemplate>
        </Setter.Value>
    </Setter>   
</DataTrigger>

Answer 2

尝试更改Content属性，但不创建新的TextBlock：

 <ControlTemplate.Triggers>
            <DataTrigger Binding="{Binding serverstate}"  Value="0">
                <Setter Property="Content" Value="OFF"></Setter>
            </DataTrigger>
            <DataTrigger Binding="{Binding serverstate}" Value="1">
                <Setter Property="Content" Value="CHNG"></Setter>
            </DataTrigger>
            <DataTrigger Binding="{Binding serverstate}" Value="2">
                <Setter Property="Content" Value="ON"></Setter>
            </DataTrigger>
        </ControlTemplate.Triggers>

按钮控件模板和DataTriggers

2 个答案: