2

我有一个定义了一些列的 DataGrid。这些行绑定到一个 ObservableCollection。网格旁边是一个按钮,该按钮是否可见,具体取决于行数。当有 2 行(或更多)行时,它应该是可见的。这个想法是使用 DataGrid.Rows.Count 或 DataGrid.Items.Count。

编译器不知道属性“DataGrid.Rows”或“DataGrid.Items”。你知道另一种方法吗?我喜欢只在 Xaml 中使用它,而不是为此使用转换器。(我知道可以通过计算 itemcollection 的转换器来实现)有更聪明的方法吗?

<Grid>

<DataGrid Name="dg1">
    <DataGrid.Columns> 
         ...
    </DataGrid.Columns>
</DataGrid>
<Button Name="btn1" Visibility="Visibility">
</Button>
<Grid.Triggers>
    <Trigger SourceName="dg1" Property="DataGrid.Items.Count" Value="0">
        <Setter TargetName="btn1" Property="Visibility" Value="Hidden"></Setter>
    </Trigger>
    <Trigger SourceName="dg1" Property="DataGrid.Items.Count" Value="1">
        <Setter TargetName="btn1" Property="Visibility" Value="Hidden"></Setter>
    </Trigger>
</Grid.Triggers>

4

1 回答 1

2

您可以通过在要显示/隐藏的按钮上设置 DataTrigger 并绑定到Items.CountDataGrid 上的属性来做到这一点。

每当集合中的项目数达到 0 或 1 时,按钮就会被隐藏,当超过 1 时,它会再次显示。

XAML:

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel>
        <DataGrid Name="dg1" ItemsSource="{Binding MyFooCollection}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Id}" />
                <DataGridTextColumn Binding="{Binding Name}" />
            </DataGrid.Columns>
        </DataGrid>
        <StackPanel>
            <Button Content="Add row" Click="btnAdd" />
            <Button Content="Remove row" Click="btnRemove" />
            <Button Content="Will be shown/hidden">
                <Button.Style>
                    <Style TargetType="Button">
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Items.Count, ElementName=dg1}" Value="0">
                                <Setter Property="Visibility" Value="Hidden" />
                            </DataTrigger>
                            <DataTrigger Binding="{Binding Items.Count, ElementName=dg1}" Value="1">
                                <Setter Property="Visibility" Value="Hidden" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Button.Style>
            </Button>
        </StackPanel>
    </StackPanel>
</Window>

代码隐藏:

public partial class MainWindow : Window
{
    public ObservableCollection<Foo> MyFooCollection { get; set; }

    public MainWindow()
    {
        InitializeComponent();

        this.MyFooCollection = new ObservableCollection<Foo> 
        { 
            new Foo(1, "Bar1"), new Foo(2, "Bar2"), new Foo(3, "Bar3"), 
            new Foo(4, "Bar4"), new Foo(5, "Bar5"), new Foo(6, "Bar6") 
        };

        this.DataContext = this;
    }

    private void btnAdd(object sender, RoutedEventArgs e)
    {
        MyFooCollection.Add(new Foo(11, "Test1"));
    }

    private void btnRemove(object sender, RoutedEventArgs e)
    {
        if (MyFooCollection.Any())
            MyFooCollection.RemoveAt(0);
    }

    public class Foo
    {
        public int Id { get; set; }
        public string Name { get; set; }

        public Foo(int id, string name)
        {
            Id = id;
            Name = name;
        }
    }
}
于 2012-11-21T14:55:10.143 回答