將對象添加到WPF面板顯示按鈕

Question

我想動態地將對象添加到ObservationCollection，然後應將具有對象字段的內容（值）的按鈕添加到面板。

App.xaml.cs using System.Windows;

namespace WpfApp1 
{ 
    public partial class App : Application 
    { 

    } 
} 

MainWindow.xaml

<Window x:Class="WpfApp1.MainWindow" 
     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" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <ItemsControl Name="dashboardList"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Button Content="{Binding Name}" /> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 

     </ItemsControl> 
    </Grid> 
</Window> 

DashboadViewModel.cs

using System.Collections.ObjectModel; 

namespace WpfApp1 
{ 
    public class DashboardViewModel 
    { 
     public ObservableCollection<Dashboard> Dashboards { get; set; } 

     public DashboardViewModel() 
     { 
      LoadDashboards(); 
     } 

     public void LoadDashboards() 
     { 
      ObservableCollection<Dashboard> dashboards = new ObservableCollection<Dashboard>(); 

      dashboards.Add(new Dashboard { Name = "Dashboard1" }); 
      dashboards.Add(new Dashboard { Name = "Dashboard2" }); 

      Dashboards = dashboards; 
     } 
    } 
} 

Dashboard.cs

namespace WpfApp1 
{ 
    public class Dashboard 
    { 
     public string Name; 
    } 
} 

我要如何創建按鈕，我是在ItemControl的正確軌道？

Answer 1

public string Name應更改爲一個公共屬性，以支持數據綁定：

public class Dashboard 
{ 
    public string Name { get; set; } 
} 

除此之外，DashboardViewModel的實例應該分配給窗口的DataContext屬性和ItemsControl中的ItemsSource屬性應綁定這樣：

<Window ... 
    xmlns:local="clr-namespace:WpfApp1"> 

    <Window.DataContext> 
     <local:DashboardViewModel/> 
    </Window.DataContext> 

    <Grid> 
     <ItemsControl ItemsSource="{Binding Dashboards}"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Button Content="{Binding Name}" /> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </Grid> 
</Window> 

如果需要，你可以在窗口的代碼訪問視圖模型的實例背後是這樣的：

var vm = (DashboardViewModel)DataContext; 
vm.LoadDashboards();