Button Command в ListBox

@limeniye · Регистрация: 19.04.2018

Author24 — интернет-сервис помощи студентам

Выбрал в ComboBox'е нужный пункт и добавил его в ListBox
Название: Screenshot_2.png
Просмотров: 115

Размер: 2.6 Кб

Прописал кнопке в виде крестика Command

XML

<ListBox ItemsSource="{Binding PullOfSelectedBanks}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
 
 
                <Button Command="{Binding DeleteCommand, Mode=OneWay}"/>
 
 
            </Grid>
        <DataTemplate>
    <ListBox.ItemTemplate>
</ListBox>

C#

public ObservableCollection<SalesBankV> PullOfSelectedBanks { get; } = new ObservableCollection<SalesBankV>();
private RelayCommand _deleteCommand;
public RelayCommand DeleteCommand => _deleteCommand
            ?? (_deleteCommand = new RelayCommand(DeleteCommandMethod));
private void DeleteCommandMethod(object parameter)
{
    Log += "\n" + PullOfSelectedBanks.Count + "f" + "\n" ;
    //PullOfSelectedBanks.Remove(PullOfSelectedBanks.Where(i => i.ID == SBank.ID).Single());
     Log += "\n" + PullOfSelectedBanks.Count + "\n";
}

но при нажатии у меня даже в лог ничего не выводит, если вырезать кнопку из ListBox'а и вставить в любое другое место -- работает, в ListBox'е -- нет.

@Элд Хасп · 20.05.2020, 10:38

Сообщение от limeniye

но при нажатии у меня даже в лог ничего не выводит, если вырезать кнопку из ListBox'а и вставить в любое другое место -- работает, в ListBox'е -- нет.

ListBox - это списочный элемент и в Контекст Данных шаблоне элемента списка передаётся элемент списка, а не VM.
А команда у вас объявлена на уровне VM, вне видимости шаблона элемента (и, соответственно, кнопки).

Есть несколько вариантов решения.
Один из них WPF команды и MVVM. Часть 2. Всплытие команд. Реализация команды для списка элементов [WPF, Элд Хасп]

Ещё вариант привязка типа ElementName.

XML

<ListBox x:Name="listBox" ItemsSource="{Binding PullOfSelectedBanks}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
 
 
                <Button Command="{Binding DataContext.DeleteCommand, Mode=OneWay, ElementName=listBox}"/>
 
 
            </Grid>
        <DataTemplate>
    <ListBox.ItemTemplate>
</ListBox>

@limeniye · 20.05.2020, 17:17 **[ТС]**

Сделал по вашему методу из темы, вроде как всё по феншую откопипастил и отредактировал, но не работает кнопка удаления. Подумал что дело в Command="{Binding RemoveCommand}". Добавил и всё равно не работает.

C#

public class SalesBankV:OnPropertyChangedClass
    {
        private string _id, _name;
        public string ID { get => _id; set => SetProperty(ref _id, value); }
        public string Name { get => _name; set => SetProperty(ref _name, value); }
       
    }
 
{
        private ObservableCollection<SalesBankV> PullOfSelectedBanks = new ObservableCollection<SalesBankV>();
        private RelayCommand _removeCommand;
        public ObservableCollection<SalesBankV> Items { get => PullOfSelectedBanks; set { PullOfSelectedBanks = value; OnPropertyChanged(); } }
 
        public RelayCommand RemoveCommand => _removeCommand
            ?? (_removeCommand = new RelayCommand(RemoveMetod, RemoveCanMetod));
        private bool RemoveCanMetod(object parameter)
        {
            if (parameter is SalesBankV item)
                return Items.IndexOf(item) >= 0;
            else
                return false;
        }
        private void RemoveMetod(object parameter)
        {
            Log += "\n"  + "f" + "\n" ;
            if (parameter is SalesBankV item)
                Items.Remove(item);
        }
}

XML

<ListBox ItemsSource="{Binding Items}" HorizontalAlignment="Center" Background="{x:Null}" Width="Auto" Height="Auto"  >
        <ListBox.ItemTemplate>
                <DataTemplate DataType="{x:Type local:SalesBankV}">
                        <Grid>
                                <Button  CommandParameter="{Binding}"/>
                        </Grid>
                </DataTemplate>
        </ListBox.ItemTemplate>
</ListBox>

Добавляю элементы вот так вот:

C#

private void AddCommandMethod(object parameter)
{
        PullOfSelectedBanks.Add(new SalesBankV
        {
                ID = SBank.ID,
                Name = SBank.Name
        });
}

SBank -- выбранный элемент в комбо боксе.

@Элд Хасп · 20.05.2020, 21:23

Сообщение от limeniye

не работает кнопка удаления

Пишу здесь - может мелкая ошибка будет.
Проверьте сами.

C#

{
       // private ObservableCollection<SalesBankV> PullOfSelectedBanks = new ObservableCollection<SalesBankV>();
        private RelayCommand _removeCommand;
 
        // Свойство типа ObservableCollection должно быть ТОЛЬКО ДЛЯ ЧТЕНИЯ
        public ObservableCollection<SalesBankV> Items {get;} = new ObservableCollection<SalesBankV>();
         // { get => PullOfSelectedBanks; set { PullOfSelectedBanks = value; OnPropertyChanged(); } }
 
        public RelayCommand RemoveCommand => _removeCommand
            ?? (_removeCommand = new RelayCommand(RemoveMetod, RemoveCanMetod));
        private bool RemoveCanMetod(object parameter)
        {
           // if (parameter is SalesBankV item)
           //     return Items.IndexOf(item) >= 0;
           // else
           //     return false;
 
             return parameter is SalesBankV item && Items.Contains(item);
        }
        private void RemoveMetod(object parameter)
        {
            Log += "\n"  + "f" + "\n" ;
          //  if (parameter is SalesBankV item)
                Items.Remove((SalesBankV) parameter);
        }
}

И надо же задать привязку не только параметру, но и команде!

XML

<ListBox x:Name="listBox" ItemsSource="{Binding Items}" 
        HorizontalAlignment="Center" Background="{x:Null}" Width="Auto" Height="Auto"  >
        <ListBox.ItemTemplate>
                <DataTemplate DataType="{x:Type local:SalesBankV}">
                        <Grid>
                                <Button  CommandParameter="{Binding}"
                                         Command="{Binding DataContext.RemoveCommand, ElementName=listBox}"/>
                        </Grid>
                </DataTemplate>
        </ListBox.ItemTemplate>
</ListBox>

	20.05.2020, 21:23

Button Command в ListBox

Решение