如何在Silverlight中傳遞數據以查看用戶控件的模型？

Question

我有一個Block對象列表。每個區塊都有一個名稱和一個價格。隨着這裏

並不重要塊1其它性質 - 10£
塊2 - £20

我已經實現，其顯示一個塊的用戶控制。

此控件擁有自己的視圖模型，我將視圖綁定到該視圖。例如。我有一個標籤Content="{Binding Name}"。

我有一個單獨的視圖，其中包含一個堆棧面板。這將填補多個塊控制。

如何將塊列表中的每個塊傳遞給用戶控件的視圖模型？

Paul

Answer 1

爲堆疊面板視圖創建視圖模型。在此視圖模型中公開塊視圖模型的集合。

將此集合綁定到像視圖中堆棧面板內的ItemsControl之類的東西。設置模板，以便用戶控件用於顯示每個項目。

ItemsControl實例化的每個控件都將與您的集合中的元素相關聯。這將導致每個用戶控件與其自己的視圖模型相關聯。

更新 - 這裏是一些代碼

主要頁面：

<Grid x:Name="LayoutRoot" Background="White"> 
    <StackPanel Orientation="Vertical"> 
     <ItemsControl ItemsSource="{Binding BlockViewModels}"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <local:BlockView></local:BlockView> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </StackPanel> 
</Grid> 

背後的主要頁面代碼：

public partial class MainPage : UserControl 
{ 
    public MainPage() 
    { 
     InitializeComponent(); 
     DataContext = new MainPageViewModel(); 
    } 
} 

主要網頁瀏覽模式：

public class MainPageViewModel 
{ 
    public ObservableCollection<BlockViewModel> BlockViewModels 
    { 
     get; 
     private set; 
    } 

    public MainPageViewModel() 
    { 
     BlockViewModels = new ObservableCollection<BlockViewModel>(); 
     BlockViewModels.Add(new BlockViewModel { CurrentBlock = new Block { Name = "Block 1", Price = 10 } }); 
     BlockViewModels.Add(new BlockViewModel { CurrentBlock = new Block { Name = "Block 2", Price = 20 } }); 
    } 
} 

模塊型號：

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

    public int Price 
    { 
     get; 
     set; 
    } 
} 

塊視圖模型：

public class BlockViewModel 
{ 
    public Block CurrentBlock 
    { 
     get; 
     set; 
    } 
} 

塊視圖：

<Grid x:Name="LayoutRoot" Background="White"> 
    <StackPanel Orientation="Horizontal"> 
     <TextBlock Text="{Binding CurrentBlock.Name}"></TextBlock> 
     <TextBlock Text=" - "></TextBlock> 
     <TextBlock Text="{Binding CurrentBlock.Price}"></TextBlock> 
    </StackPanel> 
</Grid>