2つのテキストボックスからDataBindingを使用してListBoxを入力する

Question

私はListBoxを持っています。TextBoxesの2つのデータをボタンをクリックして入力したいと思います。私は問題が異なるtextblockから来ると思う私は私のlistboxにある。ここで私はイメージで何をしたいです： TheUI 私listboxのMainWindow.xaml：

<ListBox x:Name="listBox" 
       ItemsSource="{Binding Issues}" Grid.Column="1" HorizontalAlignment="Left" Height="366" VerticalAlignment="Top" Width="453" Margin="0,0,-1,0"> 
     <StackPanel Margin="3"> 
      <DockPanel > 
       <TextBlock FontWeight="Bold" Text="Issue:" 
       DockPanel.Dock="Left" 
       Margin="5,0,10,0"/> 
       <TextBlock Text=" " /> 
       <TextBlock Text="{Binding Issue}" Foreground="Green" FontWeight="Bold" /> 
      </DockPanel> 
      <DockPanel > 
       <TextBlock FontWeight="Bold" Text="Comment:" Foreground ="DarkOrange" 
       DockPanel.Dock="Left" 
       Margin="5,0,5,0"/> 
       <TextBlock Text="{Binding Comment}" /> 

      </DockPanel> 
     </StackPanel> 
    </ListBox> 

マイMainWindow.xaml.cs

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
    } 


    public sealed class ViewModel 
    { 
     public ObservableCollection<Issue> Issues { get; private set; } 

     public ViewModel() 
     { 
      Issues = new ObservableCollection<Issue>(); 
     } 
    } 

    private void addIssue_Click(object sender, RoutedEventArgs e) 
    { 
     var vm = new ViewModel(); 
     vm.Issues.Add(new Issue { Name = "Jon Skeet", Comment = "lolilol" }); 
     DataContext = vm; 
     InitializeComponent(); 
    } 
} 

マイIssue.cs：

public sealed class Issue 
{ 

    public string Name { get; set; } 
    public string Comment { get; set; } 
} 

私はドンをこのチュートリアルに従うけどデータベースを実装したくない： Tuto 私もこれを試してみようstackoverflow question エラーは'System.InvalidOperationException'The Items collection must be empty to use ItemsSource ですが、これは問題の中心です。

Answer 1

それはItemsコレクションの一部として扱われるようあなたは、<ListBox> and </ListBox>間に挿入されているものは何でも削除します。

代わりに、その内容を<ListBox.ItemTemplate>...</ListBox.ItemTemplate>に移動します。

Answer 2

あなたは少なくともContextとInitializeComponentを更新する必要はありません。

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


    public sealed class ViewModel 
    { 
     public ObservableCollection<Issue> Issues { get; private set; } 

     public ViewModel() 
     { 
      Issues = new ObservableCollection<Issue>(); 
     } 
    } 

    private void addIssue_Click(object sender, RoutedEventArgs e) 
    {  
     vm.Issues.Add(new Issue { Name = "Jon Skeet", Comment = "lolilol" });  
    } 
}