WPF ListBox不更新

Question

我在這個論壇中進行了搜索，但是找不到適合我特定情況的解決方案。

我試圖了解WPF和MVVM，為此我構建了一個簡單的WPF。

我的數據模型是（我在這里實現了INotifyPropertyChanged，並且構造函數初始化了所有屬性）：

namespace MyApp.ui.Models
{
    public class Server : INotifyPropertyChanged
    {
        private int id;
        public int ID
        {
            get { return id; }
            set { id = value; }
        }

        private string name;
        public string Name
        {
            get { return name; }
            set { name = value; OnPropertyChanged(Name); }
        }

        private string ipAddress;
        public string IPAddress
        {
            get { return ipAddress; }
            set { ipAddress = value; OnPropertyChanged(IPAddress); }
        }

        public Server(int ServerID, string ServerName, string ServerIpAddress)
        {
            ID = ServerID;
            Name = ServerName;
            IPAddress = ServerIpAddress;
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private void OnPropertyChanged(string propertyName)
        {
            PropertyChangedEventHandler handler = PropertyChanged;
            if(handler != null)
            {
                handler(this, new PropertyChangedEventArgs( propertyName ) );
            }
        }
    }
}

我的ViewModel（由WPF后面的代碼使用）：

namespace MyApp.ui.ViewModels
{
    public class ServersViewModel
    {
        private ObservableCollection<Server> server;
        public ObservableCollection<Server> Servers
        {
            get { return server; }
            set { server = value; }
        }

        public ServersViewModel()
        {
            Servers = new ObservableCollection<Server>
            {
                new Server(001, "Server001", @"192.168.254.3"),
                new Server(002, "Server002", @"100.92.0.200"),
                new Server(003, "Server003", @"64.32.0.3"),
                new Server(004, "Server004", @"172.10.0.4"),
                new Server(005, "Server005", @"165.23.0.233"),
                new Server(006, "Server006", @"81.22.22.6"),
                new Server(007, "Server007", @"10.10.0.7")
            };
        }

        public void ChangeServerNames()
        {
            //Before Change
            foreach (var item in Servers)
            {
                MessageBox.Show(item.Name);
            }

            int count = 1000;

            foreach (var item in Servers)
            {
                item.Name = "Server" + count.ToString();
                count += 1000;
            }

            //After Change
            foreach (var item in Servers)
            {
                MessageBox.Show(item.Name);
            }
        }
    }
}

我的WPF主視圖（主菜單）使用以下XAML代碼加載了自定義用戶控件（ExplorerView）（包含一個列表框，每個列表框項均包含1個復選框+圖像+文本塊）

<UserControl x:Class="MyApp.ui.Views.ExplorerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:MyApp.ui.Views"
             mc:Ignorable="d" 
             d:DesignHeight="400" d:DesignWidth="200">
    <Grid>
        <ListBox ItemsSource="{Binding Servers}" Margin="2">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <CheckBox VerticalContentAlignment="Center" Margin="4">
                        <StackPanel Orientation="Horizontal">
                            <Image Source="/resources/server64.png" Height="30" Margin="4"></Image>
                            <TextBlock Text="{Binding Name}"
                                   VerticalAlignment="Center" Margin="4"></TextBlock>
                        </StackPanel>
                    </CheckBox>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>
</UserControl>

最后，后面的MainView代碼將加載ServersViewModel，以便ExplorerView控件可以綁定數據。

namespace MyApp.ui
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public ServersViewModel context { get; set; }

        public MainWindow()
        {
            InitializeComponent();

            context = new ServersViewModel();
            DataContext = context;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            context.ChangeServerNames();
        }
    }
}

也就是說，我有2個問題：

1）如您所見，在MainView中，我實現了一個Button單擊事件，該事件調用ServersViewModel.ChangeServerNames（）方法。 問題是我在ExplorerView Control中的TextBlock不顯示更新的數據。

我ChangeServerNames（）我也使用MessageBox來顯示更改前后的值，並且我看到值正在更改，不確定為什么ListBox / TextBlock不更新...！ （我已經測試了許多其他可能的解決方案，但是我無法使其正常工作...）

2）我讀到MainView（和所有其他視圖）中的CodeBehind應該只包含InitializeComponent（）； 和“ DataContext =上下文；” 最大值...如果是這樣，應該在單擊按鈕的事件和其他事件的位置放置？

最后是MainWindow XAML的代碼：

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyApp.ui"
        xmlns:Views="clr-namespace:MyApp.ui.Views"
        x:Class="MyApp.ui.MainWindow"
        mc:Ignorable="d"
        Title="Server" MinHeight="720" MinWidth="1024"
        Height ="720" Width="1024">
    <Grid Margin="2">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="200" />
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <Grid.RowDefinitions>
            <RowDefinition Height="41*"/>
            <RowDefinition Height="608*"/>
            <RowDefinition Height="30"/>
        </Grid.RowDefinitions>

        <GridSplitter Grid.Column="1" Grid.Row="1"
              HorizontalAlignment="Center"
              VerticalAlignment="Stretch"
              Background="Gray" 
              ShowsPreview="True"
              Width="4" Margin="0,2,0,4"
              />

        <Views:MenuView Grid.ColumnSpan="3"/>
        <Views:FooterView Grid.Row="2" Grid.ColumnSpan="3" />
        <Views:ExplorerView Grid.Column="0" Grid.Row="1" />

        <!--Temp Tests-->
        <StackPanel Margin="12" Grid.Column="3" Grid.Row="1" Width="Auto" Height="Auto" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Left">
            <Button Margin="4" Width="120" Height="30" Content="Change Data Test..." Click="Button_Click" />
        </StackPanel>

    </Grid>
</Window>

感謝您的時間...

Answer 1

好的，我發現了問題...

代替

set { name = value; OnPropertyChanged(Name); }
set { ipAddress = value; OnPropertyChanged(IPAddress); }

我在方法調用中缺少Quotesfor the String參數正確的形式是

set { name = value; OnPropertyChanged("Name"); }
set { ipAddress = value; OnPropertyChanged("IPAddress"); }

奇怪的是編譯器沒有拋出任何錯誤。...方法私有無效OnPropertyChanged（string propertyName）對於輸入arg的字符串是“要求”。

無論如何，避免這些錯誤（我發現）的最好方法是編寫這樣的事件（調用者提供它自己的公共名稱）：

private void OnPropertyChanged([CallerMemberName] String propertyName = "")
  {
    if (PropertyChanged != null)
    {
      PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }
  }
}

現在我可以做

set { name = value; OnPropertyChanged(); }
set { ipAddress = value; OnPropertyChanged(); }

謝謝。