将对象添加到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();