禁用 ListView 的 DataTemplate 中的按钮

Question

假设我有一个简单的小 WPF 应用程序，如下所示：

-------------------------------
Amount Left: 1,000
[Subtract 1]
[Subtract 5]
[Subtract 15]
[Subtract 30]
-------------------------------

“剩余金额：”和“1,000”是独立的文本块。 “减去 x”是 ListView 内、DataTemplate 内的所有按钮。每次单击按钮时，都会从 1,000 中减去按钮的数量。所有这些我都在工作。

这是我无法弄清楚的。当剩余金额低于 30 时，需要禁用最后一个按钮。当数量低于 15 时，倒数第二个按钮将被禁用。依此类推，直到剩余金额为零并且所有按钮都被禁用。我不知道如何禁用按钮。

我在这里给出的这个例子并不是我想要做的完全，但它是一个大大简化的例子，这将使这篇文章变得更短更简单。本质上，这就是我现在所拥有的。

XAML：

<DockPanel>
    <TextBlock Text="Amount Left:" />
    <TextBlock x:Name="AmountLeft" Text="1,000.00" />
</DockPanel>
<DockPanel>
    <ListBox x:Name="AuthorListBox">
        <ListView.ItemTemplate>
            <DataTemplate>
                <Button x:Name="SubButtom" Content="{Binding SubtractAmount}" Click="clickSubtract" />
            <DataTemplate>
    </ListBox>
</DockPanel>

XAML.cs

    private void clickSubtract(object sender, RoutedEventArgs e)
    {
        Button button = sender as Button;
         Int32 SubtractAmount = ((Data.AppInformation)button.DataContext).SubtractAmount;  // This is the amount to be subtracted
        // logic to update the amount remaining.  This works.
        //  What I need to figure out is how to disable the buttons
    }

Answer 1

我将继续创建一个转换器并绑定按钮的 IsEnabled 属性。传递值并执行逻辑。

命名空间

System.Windows.Data

System.Globalization

代码

 public class IsEnabledConverter : IValueConverter
 {
  public object Convert(object value, Type targetType, 
    object parameter, CultureInfo culture)
  {
    // Do the logic
  }

    public object ConvertBack(object value, Type targetType, 
    object parameter, CultureInfo culture)
   {
    // Do the Logic
   }
}

XAML

像这样添加资源

<Window.Resources>
    <local:IsEnabledConverter  x:Key="converter" />
</Window.Resources>

<Button x:Name="SubButtom" IsEnabled="{Binding Value, Converter=   {StaticResource  converter}}" Content="{Binding SubtractAmount}" Click="clickSubtract" />

您可以从以下链接了解转换器

http://wpftutorial.net/ValueConverters.html

当您使用 Converter 构建类时，所有 Xaml 错误都会消失。

Answer 2

您最好的选择是在视图模型上使用命令而不是点击事件处理程序：

public ICommand SubtractCommand = new DelegateCommand<int>(Subtract, i => i <= AmountLeft);

private void Subtract(int amount)
{
    AmountLeft = AmountLeft - amount;
}

XAML：

<ListBox x:Name="AuthorListBox">
    <ListBox.ItemTemplate>
        <DataTemplate>
                <Button x:Name="SubButtom" Content="{Binding SubtractAmount}"
                        Command="{Binding SubtractCommand, RelativeSource={RelativeSource AncestorType=DataGrid}}"
                        CommandParameter="{Binding SubtractAmount}"/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Answer 3

您可以使用MVVM 来完成，方法是为您的按钮ViewModels 设置一个IsEnabled 属性。使用这种方法，您将不需要像当前使用单击事件处理程序那样的任何“代码隐藏”。

Xaml：

<Grid>
    <StackPanel>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Amount Left:" />
            <TextBlock Text="{Binding CurrentAmount}" />
        </StackPanel>
        <ListBox ItemsSource="{Binding Buttons}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Button Command="{Binding SubtractCommand}" Width="200" Height="75" x:Name="SubButtom" Content="{Binding SubtractAmount}"  IsEnabled="{Binding IsEnabled}"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </StackPanel>
</Grid>

Xaml.cs：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new ViewModel();
    }
}

我们希望主ViewModel 有一个Button ViewModels 列表。

ButtonViewModel.cs：

namespace WpfApplication1
{
    public class ButtonViewModel : INotifyPropertyChanged
    {
        private bool _isEnabled;
        private ViewModel _viewModel;

        public bool IsEnabled
        {
            get { return _isEnabled; }
            set
            {
                _isEnabled = value;
                OnPropertyChanged();
            }
        }

        public int SubtractAmount { get; set; }

        public ICommand SubtractCommand { get; private set; }

        public ButtonViewModel(ViewModel viewModel)
        {
            _viewModel = viewModel;
            IsEnabled = true;

            SubtractCommand = new CommandHandler(() =>
            {
                _viewModel.CurrentAmount -= SubtractAmount;
            }, true);
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }

    public class CommandHandler : ICommand
    {
        private readonly Action _action;
        private readonly bool _canExecute;

        public CommandHandler(Action action, bool canExecute)
        {
            _action = action;
            _canExecute = canExecute;
        }

        public bool CanExecute(object parameter)
        {
            return _canExecute;
        }

        public event EventHandler CanExecuteChanged;

        public void Execute(object parameter)
        {
            _action();
        }
    }
}

现在是主要的ViewModel。

ViewModel.cs：

namespace WpfApplication1
{
    public class ViewModel : INotifyPropertyChanged
    {
        private int _currentAmount;

        public int CurrentAmount
        {
            get { return _currentAmount; }
            set
            {
                _currentAmount = value;
                OnPropertyChanged();

                if (Buttons != null)
                {
                    foreach (var button in Buttons)
                    {
                        if ((value - button.SubtractAmount) <= 0)
                        {
                            button.IsEnabled = false;
                        }
                    }
                }
            }
        }
        public List<ButtonViewModel> Buttons { get; private set; }

        public ViewModel()
        {
            CurrentAmount = 1000;

            Buttons = new List<ButtonViewModel>
            {
                new ButtonViewModel(this)
                {
                    SubtractAmount = 1
                },
                new ButtonViewModel(this)
                {
                    SubtractAmount = 5
                },
                new ButtonViewModel(this)
                {
                    SubtractAmount = 15
                },
                new ButtonViewModel(this)
                {
                    SubtractAmount = 30
                }
            };
        }

        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

如您所见，每个 Button ViewModel 将使用命令减少 CurrentAmount（比点击事件更受欢迎的方法）。每当CurrentAmount 更改时，主ViewModel 会执行一些简单的逻辑，这将禁用相关按钮。

这是经过测试并且有效的。如果您有任何问题，请告诉我。