Как добавить новый элемент в привязанный ListBox? WPF

Question

Я новичок в wpf. У меня есть ListBox, привязанный к ObservableCollection в классе MainViewModel, используемый в Window.DataContext. Как можно изменить эту коллекцию, если при обычном добавлении listbox.Items.add() выдает ошибку, а я не знаю, как получить доступ к коллекции?

ListBox:

<ListBox x:Name="Messages" ItemsSource="{Binding Messages}"
                     Foreground="Black"
                     Background="Transparent">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <UniformGrid Columns="1">
                            <UniformGrid.Resources>
                                <Style TargetType="TextBlock">
                                    <Setter Property="Margin" Value="20 2 20 2"/>
                                    <Setter Property="TextAlignment" Value="Left"/>
                                </Style>
                            </UniformGrid.Resources>
                            <Border Background="Red" CornerRadius="20 5 20 5">
                                <StackPanel>
                                    <TextBlock Text="{Binding Name}" FontSize="15"/>
                                    <TextBlock Text="{Binding Text}" />
                                </StackPanel>
                            </Border>
                        </UniformGrid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

MainViewModel:

 public class MainViewModel : ViewModelBase
 {
    public ObservableCollection<Message> Messages { get; set; }

    public MainViewModel()
    {
        Messages = new ObservableCollection<Message>
        {
            new Message() { Text = "Hello!", Name="Andrew" },
            new Message() { Text = "qwerty!", Name="ilya" },
            new Message() {Text = "123", Name = "user"}
        };
    }
}

Класс message:

public class Message : ViewModelBase
{
    public string Text { get; set; }
    public string Name { get; set; }
}

Класс MainWindow:

public partial class MainWindow : Window, IServiceChatCallback
{
    public bool isconnected = false;
    public ServiceChatClient client;
    public int Id;

    public MainWindow()
    {
        InitializeComponent();
    }
    public bool ConnectUser(string name, string password)
    {
        if (!isconnected)
        {
            try
            {
                client = new ServiceChatClient(new System.ServiceModel.InstanceContext(this));
                Id = client.Connect(name, int.Parse(password));
                if (Id == 0)
                {
                    client = null;
                    return false;
                }
                isconnected = true;
                return true;
            } catch (Exception e)
            {
                MessageBox.Show(e.Message);
                return false;
            }
        } else
            return false;
    }

    private void DisconnectUser()
    {
        if (isconnected)
        {
            try
            {
                client.Disconnect(Id);
            } catch (Exception e)
            {
                MessageBox.Show(e.Message);
            }
            isconnected = false;
            client = null;
        }
    }

    public void MsgCallback(string message)//Здесь появляются сообщения, которые должны добавляться в listbox
    {
        Messages.Items.Add(new Message() { Text = message, Name = "Andrew" });
    }

    private void Window_Closing(object sender, System.ComponentModel.CancelEventArgs e)
    {
        DisconnectUser();
    }

    private void Text_KeyDown(object sender, KeyEventArgs e)
    {
        
        if (e.Key == Key.Enter)
        {
            try
            {
                client?.SendMessageAsync(Text.Text, Id);
            }
            catch (Exception err)
            {
                MessageBox.Show(err.Message);
            }
            Text.Text = string.Empty;
        }
    }
}

c++listbox mvvm wpf

aepot · Accepted Answer

Давайте сразу выкинем пока DevExpressMvvm попробуем подружиться с MVVM самостоятельно. Это не так сложно, как казалось бы. 2 основных штуки, которые потребуются для работы - это привязка данных и команды. Чтобы заработала привязка данных, нужна реализация интерфейса INotifyPropertyChanged. В DevExpressMvvm за это отвечает ViewModelBase, но вручную это реализовать не так сложно. Вот реализация: NotifyPropertyChanged.cs public class NotifyPropertyChanged : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } Вот и всё, теперь буду наследоваться от этого класса вместо ViewModelBase и на этом можно знакомство с DevExpress прекратить. Когда вы реально будете нуждаться в этом фреймворке - вы поймете, а пока он вам совершенно не нужен. Далее, для того чтобы жать кнопки и выполнять код, когда кнопка нажата, нужны команды, так как обработчики событий крайне неудобны для использования в MVVM. Для того, чтобы сделать использование команд максимально удобным, есть вот такой класс: RelayCommand.cs public class RelayCommand : ICommand { private readonly Action

Как добавить новый элемент в привязанный ListBox? WPF

One Answer

Add your own answers!

Ask a Question