wpf中, 使用MultiBinding 和转换器实现多条件筛选

文章介绍了如何在WindowsPresentationFoundation(WPF)中使用UserControl和DataGrid创建一个动态数据绑定的场景,通过MultiParamConverter实现根据年龄和ID条件来控制DataGrid中按钮的启用状态。
摘要由CSDN通过智能技术生成
<UserControl
    x:Class="NavTest.Views.Page5"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:cv="clr-namespace:NavTest.Components"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:hc="https://handyorg.github.io/handycontrol"
    xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:local="clr-namespace:NavTest.Views"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:mv="clr-namespace:NavTest.ViewModels"
    d:DataContext="{d:DesignInstance mv:Page5ViewModel}"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <UserControl.Resources>
        <cv:SingleParamConverter x:Key="SingleParamConverter" />
        <cv:MultiParamConverter x:Key="MultiParamConverter" />
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>
        <DataGrid
            Margin="10"
            AutoGenerateColumns="False"
            ItemsSource="{Binding Stu}">
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Id}" Header="Id" />
                <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
                <DataGridTextColumn Binding="{Binding Age}" Header="Age" />
                <DataGridTextColumn Binding="{Binding Description}" Header="Description" />
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Button
                                Width="60"
                                HorizontalAlignment="Center"
                                Command="{Binding RelativeSource={RelativeSource AncestorType=UserControl}, Path=DataContext.MyButtonCommand}"
                                CommandParameter="{Binding}"
                                Content="申请">
                                <Button.Style>
                                    <Style TargetType="Button">
                                        <!--<Setter Property="IsEnabled" Value="{Binding Age, Converter={StaticResource SingleParamConverter}}" />-->
                                        <Setter Property="IsEnabled">
                                            <Setter.Value>
                                                <MultiBinding Converter="{StaticResource MultiParamConverter}">
                                                    <Binding Path="Age"/>
                                                    <Binding Path="Id"/>
                                                </MultiBinding>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </Button.Style>
                            </Button>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</UserControl>

using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Data;

namespace NavTest.Components
{
    public class MultiParamConverter : IMultiValueConverter
    {
        public object Convert(
            object[] values,
            Type targetType,
            object parameter,
            CultureInfo culture
        )
        {
            int age;
            int id;

            if (values == null)
            {
                return true;
            }

            int.TryParse(values[0].ToString(), out age);
            int.TryParse(values[1].ToString(), out id);
            if (age > 1 && id > 5)
            {
                return true;
            }
            return false;
        }

        public object[] ConvertBack(
            object value,
            Type[] targetTypes,
            object parameter,
            CultureInfo culture
        )
        {
            throw new NotImplementedException();
        }
    }
}

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using NavTest.Eneities;
using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;

namespace NavTest.ViewModels
{
    public partial class Page5ViewModel:ObservableObject
    {
        public Page5ViewModel()
        {
            for (int i = 0; i < 10; i++)
            {
                Stu.Add(new()
                {
                    Id = i + 2,
                    Age = $"{i}",
                    Name = $"Name{i}",
                    Description = $"Description{i}"
                });
            }
        }

        [ObservableProperty]
        private ObservableCollection<Student> stu = new();


        [RelayCommand]
        public void MyButton(Student s)
        {
            MessageBox.Show(s.Name);
        }
    }
}

在这里插入图片描述

这样就实现了根据年龄, Id 筛选按钮的enable了

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WPF的多值绑定(MultiBinding)和多值转换(IMultiValueConverter)功能可以使我们将多个数据源绑定到单个控件上,并将多个值转换为单个值。在本文,我们将简单地介绍这两个功能。 ## 多值绑定(MultiBinding) 多值绑定(MultiBinding)允许我们将多个数据源绑定到单个控件上。使用多值绑定,我们可以将多个值绑定到一个控件上,例如将多个文本框的值绑定到一个标签上。 在XAML,我们可以使用`MultiBinding`和`Binding`标记来实现多值绑定。下面是一个示例: ``` <TextBlock> <TextBlock.Text> <MultiBinding Converter="{StaticResource myMultiValueConverter}"> <Binding Path="FirstName" /> <Binding Path="LastName" /> </MultiBinding> </TextBlock.Text> </TextBlock> ``` 在上面的示例,我们绑定了两个数据源(`FirstName`和`LastName`),并使用了`myMultiValueConverter`转换器将它们合并为一个字符串。 ## 多值转换(IMultiValueConverter) 多值转换器(IMultiValueConverter)允许我们将多个值转换为单个值。使用多值转换器,我们可以将多个数据源的值合并为一个值,例如将名字和姓氏合并为一个字符串。 在实现多值转换器时,我们需要实现`IMultiValueConverter`接口,并实现的`Convert`和`ConvertBack`方法。下面是一个示例: ``` public class MyMultiValueConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture) { string firstName = values[0].ToString(); string lastName = values[1].ToString(); return $"{firstName} {lastName}"; } public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture) { throw new NotImplementedException(); } } ``` 在上面的示例,我们实现了`Convert`方法,将多个值合并为一个字符串,并在XAML使用它来绑定文本控件的文本属性。 ``` <TextBlock> <TextBlock.Text> <MultiBinding Converter="{StaticResource myMultiValueConverter}"> <Binding Path="FirstName" /> <Binding Path="LastName" /> </MultiBinding> </TextBlock.Text> </TextBlock> ``` 这样就可以将FirstName和LastName合并为一个字符串,并将其显示在TextBlock。 总结一下,WPF的多值绑定和多值转换功能非常强大,可以让我们轻松地将多个数据源绑定到单个控件上,并将它们转换为单个值。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潘诺西亚的火山

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值