【问题标题】:c# WPF Filter list of controlsc# WPF过滤控件列表
【发布时间】:2016-07-05 08:36:27
【问题描述】:

有人试过过滤控件列表吗?我有一些简单的示例代码可以说明一个我似乎无法解决的问题。过滤文本列表时我没有问题,但是当我将列表转换为可观察的控件列表时,我运行的任何过滤器都会影响其他过滤器。这是一些有效的示例代码

代码:

public partial class MainWindow : Window
{
    public ObservableCollection<string> testOC { get; set; }
    public MainWindow()
    {
        InitializeComponent();

        testOC = new ObservableCollection<string>();

        for (int i = 0; i < 20; i++)
        {
            testOC.Add("Test Stuff " + i);
        }

        ListCollectionView view1 = new ListCollectionView(testOC);
        ListCollectionView view2 = new ListCollectionView(testOC);
        view1.Filter = Filter1;
        view2.Filter = Filter2;
        leftGrid.ItemsSource = testOC;
        MiddleGrid.ItemsSource = view1;
        rightGrid.ItemsSource = view2;
    }

    private bool Filter1(object test)
    {
        try
        {
            var testStuff = test as string;

            if (testStuff.Contains("1"))
            {
                return true;
            }
            return false;
        }
        catch (Exception)
        {
            throw;
        }
    }
    private bool Filter2(object test)
    {
        try
        {
            var testStuff = test as string;

            if (testStuff.Contains("2"))
            {
                return true;
            }
            return false;
        }
        catch (Exception)
        {
            throw;
        }
    }
}

XML:

<Window x:Class="testTheFilter.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:testTheFilter"
    mc:Ignorable="d"
    Title="MainWindow" Height="350" Width="525">
<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition Width="150"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="25"/>
        <RowDefinition Height="775"/>
    </Grid.RowDefinitions>
    <ItemsControl Name="leftGrid" Grid.Column="0" Grid.RowSpan="2"/>
    <ItemsControl Name="MiddleGrid" Grid.Column="1" Grid.RowSpan="2"/>
    <ItemsControl Name="rightGrid" Grid.Column="2" Grid.RowSpan="2"/>
</Grid>

代码工作的屏幕截图:

这可以正常工作,您会得到三个列表,第一个列表包含所有字符串,第二个列表仅包含带 1 的字符串,第三个列表仅包含带 2 的字符串。

现在,如果我采用完全相同的代码并将其更改为控件列表,它会变得很不稳定

这里是代码部分:

public partial class MainWindow : Window
{
    public ObservableCollection<Button> testOC { get; set; }
    public MainWindow()
    {
        InitializeComponent();

        testOC = new ObservableCollection<Button>();

        for (int i = 0; i < 20; i++)
        {
            Button btn = new Button();
            btn.Content = "Test Stuff " + i;
            testOC.Add(btn);
        }

        ListCollectionView view1 = new ListCollectionView(testOC);
        ListCollectionView view2 = new ListCollectionView(testOC);
        view1.Filter = Filter1;
        view2.Filter = Filter2;
        leftGrid.ItemsSource = testOC;
        MiddleGrid.ItemsSource = view1;
        rightGrid.ItemsSource = view2;
    }

    private bool Filter1(object test)
    {
        try
        {
            var testStuff = test as Button;

            if (testStuff.Content.ToString().Contains("1"))
            {
                return true;
            }
            return false;
        }
        catch (Exception)
        {
            throw;
        }
    }
    private bool Filter2(object test)
    {
        try
        {
            var testStuff = test as Button;

            if (testStuff.Content.ToString().Contains("2"))
            {
                return true;
            }
            return false;
        }
        catch (Exception)
        {
            throw;
        }
    }
}

下面是代码不工作的截图:

以前有人见过这种行为吗?有人知道如何解决吗?我花了几个小时研究这个问题,但似乎找不到解决办法。

提前致谢

【问题讨论】:

  • 我想这是因为一个视觉元素不能是多个父母的孩子(正如您在第二个示例中看到的所有按钮都是唯一的)。你真的需要在代码中做到这一点吗? DataTemplate 可以作为这里工作的工具。
  • 我对 DataTemplates 了解不多……我想现在是研究它的好时机。我创建程序的原因是我的部门监控我们在任务调度程序中创建的系统任务。我创建了用户控件来直观地表示这些任务。根据用户选择的视图,我要显示 4 列。一种显示所有任务,一种显示错误任务,一种显示禁用,另一种显示正在运行或活动的任务。不确定这是否能说明我在做什么。
  • 只是继续研究这个问题,我似乎看不出这如何解决我的问题......我会继续研究,但如果有人有解决方案或想法,请随时分享.
  • 我仍然不知道你为什么需要按钮,但数据模板正是为了改变数据的视觉表现而创建的。

标签: c# wpf filter filtering listcollectionview


【解决方案1】:

由于您不能同时向不同的父级添加一个视觉元素(按钮),为什么不使用DataTemplates?如果您保留第一个示例中的代码,只需编辑 XAML 即可:

<Grid>
    <Grid.Resources>
        <DataTemplate x:Key="itemTemplate">
            <Button>
                <ContentPresenter Content="{Binding}" />
            </Button>
        </DataTemplate>
    </Grid.Resources>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition Width="150"/>
        <ColumnDefinition Width="150"/>
    </Grid.ColumnDefinitions>

    <Grid.RowDefinitions>
        <RowDefinition Height="25"/>
        <RowDefinition Height="775"/>
    </Grid.RowDefinitions>
    <ItemsControl Name="leftGrid" Grid.Column="0" Grid.RowSpan="2" ItemTemplate="{StaticResource itemTemplate}" />
    <ItemsControl Name="MiddleGrid" Grid.Column="1" Grid.RowSpan="2" ItemTemplate="{StaticResource itemTemplate}" />
    <ItemsControl Name="rightGrid" Grid.Column="2" Grid.RowSpan="2" ItemTemplate="{StaticResource itemTemplate}" />
</Grid>

【讨论】:

  • 这个例子是关键。我还有很多工作要做将数据从用户控件绑定到数据模板,但这解决了我的问题。谢谢!
【解决方案2】:

icebat said 一样,一个视觉元素不能成为多个父母的孩子。按钮是一个视觉元素 - 字符串不是。如果您将代码更改为此,您会得到不想要的结果:

    public ObservableCollection<Button> testOC { get; set; }
    public ObservableCollection<Button> testOC1 { get; set; }
    public ObservableCollection<Button> testOC2 { get; set; }

    public MainWindow()
    {
        InitializeComponent();

        testOC = new ObservableCollection<Button>();
        testOC1 = new ObservableCollection<Button>();
        testOC2 = new ObservableCollection<Button>();

        for (int i = 0; i < 20; i++)
        {
            var content = "Test Stuff " + i;

            Button btn = new Button();
            btn.Content = content;
            testOC.Add(btn);

            Button btn1 = new Button();
            btn1.Content = content;
            testOC1.Add(btn1);

            Button btn2 = new Button();
            btn2.Content = content;
            testOC2.Add(btn2);
        }

        ListCollectionView view1 = new ListCollectionView(testOC1);
        ListCollectionView view2 = new ListCollectionView(testOC2);
        view1.Filter = Filter1;
        view2.Filter = Filter2;
        leftGrid.ItemsSource = testOC;
        MiddleGrid.ItemsSource = view1;
        rightGrid.ItemsSource = view2;
    }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-13
    • 2013-07-21
    • 1970-01-01
    相关资源
    最近更新 更多