Button Command в ListBox

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

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

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

Размер: 2.6 Кб

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

XML    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
<ListBox ItemsSource="{Binding PullOfSelectedBanks}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
 
 
                <Button Command="{Binding DeleteCommand, Mode=OneWay}"/>
 
 
            </Grid>
        <DataTemplate>
    <ListBox.ItemTemplate>
</ListBox>

C#    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
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    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
<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#    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
<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#    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
private void AddCommandMethod(object parameter)
{
        PullOfSelectedBanks.Add(new SalesBankV
        {
                ID = SBank.ID,
                Name = SBank.Name
        });
}

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

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

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

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

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

C#    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
       // 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    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
<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>

Новые блоги и статьи Все статьи Все блоги /
Работа с объемным DOM в javascript Htext 04.04.2025 Сегодня прочитал статью тут о расходах памяти в JS, ее утечках и т. п. И вот что вспомнил из своей недавней практики. Может, кому пригодится. Хотя, в той статье об этом тоже есть. Дело в том, что я. . .	Оптимизация производительности Node.js с помощью кластеризации run.dev 04.04.2025 Масштабирование приложений для обработки тысяч и миллионов запросов — обыденная задача для многих команд. Node. js, благодаря своей асинхронной событийно-ориентированной архитектуре, стал популярной. . .	Управление зависимостями в Python с Poetry py-thonny 04.04.2025 Стандартный инструмент для установки пакетов в Python - pip - прекрасно справляется с базовыми сценариями: установил пакет командой pip install и используешь его. Но что произойдёт, когда разные. . .	Мониторинг с Prometheus в PHP Jason-Webb 04.04.2025 Prometheus выделяется среди других систем мониторинга своим подходом к сбору и хранению метрик. В отличие от New Relic, который использует агентный подход и отправляет данные во внешнее хранилище,. . .	Пакет Context в Golang: Управление потоками и ресурсами golander 04.04.2025 Работа с горутинами в Go часто напоминает управление непослушными детьми - они разбегаются кто куда, делают что хотят и не всегда завершаются вовремя. К счастью, в Go 1. 7 появился пакет context,. . .
Контейнеризация React приложений с Docker Reangularity 03.04.2025 Контейнеризация позволяет упаковать приложение со всеми его зависимостями в автономный контейнер, который можно запустить на любой платформе с установленным Docker. Это существенно упрощает процессы. . .	Свой попап в SwiftUI mobDevWorks 03.04.2025 SwiftUI, как декларативный фреймворк от Apple, предоставляет множество инструментов для создания пользовательских интерфейсов. В нашем распоряжении есть такие API как alerts, popovers, action sheets. . .	Антипаттерны микросервисной архитектуры ArchitectMsa 03.04.2025 Хорошо спроектированная микросервисная система может выдержать испытание временем, оставаясь гибкой, масштабируемой и устойчивой к большинству проблем. Такая архитектура обладает высоким уровнем. . .	std::mutex в C++: Советы и примеры использования bytestream 03.04.2025 std::mutex - это механизм взаимного исключения, который гарантирует, что критический участок кода выполняется только одним потоком в каждый момент времени. Это простое, но могущественное средство. . .	Не удержался от оценки концепции двигателя Стирлинга. Hrethgir 03.04.2025 Сколько не пытался - она выдавала правильные схемы, причём случайно рисовала горячие области в середине, холодные по краям, трубки с краёв в низ и магнит в соединяющей, но при этой выдавала описание. . .

Button Command в ListBox

Решение