Skip to main content
 首页 » 编程设计

c#之Xaml:在 DataTemplate 中绑定(bind)集合

2024年01月24日24pengyingh

我对 xaml 和数据绑定(bind)非常陌生,所以请不要吃掉我。我正在使用 Windows 8 Store Project atm,并且确实对嵌套数据绑定(bind)有一些理解问题。我会尽可能清晰地组织我的帖子,如果需要,我非常愿意提供进一步的意见。

假设我有一个这样的类结构:

public class Hotels 
{ 
    public Collection<Hotel> HotelCollection { get; set; } 
} 
 
public class Hotel 
{ 
    public string Name { get; set; } 
    public string Town { get; set; } 
    public string ImageUrl { get; set; } 
    public Collection<Room> RoomCollection { get; set; }         
} 
 
public class Room 
{         
    public string Name { get; set; } 
    public string OccupancyMax { get; set; } 
    public string OccupancyMin { get; set; } 
} 

我想将此数据绑定(bind)到 GridView(本身不需要是 GridView ),如下所示:

我正在像这样将数据加载到我的页面(在 HotelPageViewModel 中我确实有一个 ObservableCollection of 'Hotel's -> HotelResults):

  var viewModel = new HotelPageViewModel(); 
  this.DataContext = viewModel; 

到目前为止,我所尝试的是将数据模板添加到我的 CustomStyles.xaml。我可以发布这段代码,但这正是我需要帮助的地方。 我不知道如何处理房间集合。我能够在我的输出中显示基本的酒店数据(我的草图的红色部分)但是我如何在我的 DataTemplate 中管理多个房间(蓝色部分)?

HotelPage.xaml 代码:

<GridView x:Name="HotelResults" HorizontalAlignment="Left" VerticalAlignment="Top" 
          ItemsSource="{Binding HotelResults}" 
          ItemTemplate="{StaticResource HotelPageTemplate}"          
</GridView> 

请您参考如下方法:

您将使用集合控件,例如 ItemsControl 将 ItemTemplate 设置为另一个 DataTemplate 的实例。

<DataTemplate x:Key="{HotelPageTemplate}"> 
    <StackPanel> 
       <TextBlock Text="{Binding Name"} /> 
       ... 
       <ItemsControl ItemsSource="{Binding RoomCollection}"> 
          <ItemsControl.ItemTemplate> 
             <DataTemplate> 
                <TextBlock Text="{Binding OccupancyMax}" /> 
                ... 
             </DataTemplate> 
          </ItemsControl.ItemTemplate> 
       </ItemsControl> 
    </StackPanel> 
</DateTemplate>