如何將用戶控件的數組放入Grid的列

Question

嗨我有一組員工數據，其中包括照片，說明，職位名稱，薪水。我必須將每個員工的數據顯示在獨立的面板控制結構中，這意味着如果我有10名員工，則會有10個面板。我必須在有兩列的網格中顯示這些面板。每列中的面板寬度也會根據主頁面大小而變化。

Answer 1

爲什麼不用一個單獨的userControl表示僱員數據，然後使用Wrap面板來顯示僱員。這種方法將處理可變數量的員工。

爲了更好地說明這裏我的想法是一些代碼：

的具有的MainPage與填充可用空間WrapPanel的網格。

MainPage.xaml中

<UserControl 
    x:Class="SilverlightApplication2.MainPage" 
    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" 
    xmlns:ct="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit" 
    mc:Ignorable="d"> 

    <Grid x:Name="LayoutRoot" Background="WhiteSmoke"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="200"/> 
      <ColumnDefinition/> 
      <ColumnDefinition Width="200"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="200"/> 
      <RowDefinition/> 
      <RowDefinition Height="200"/> 
     </Grid.RowDefinitions> 

     <ct:WrapPanel x:Name="panel1" Grid.Row="1" Grid.Column="1" 
         Background="Aqua" VerticalAlignment="Stretch" 
         HorizontalAlignment="Stretch"/> 

    </Grid> 

</UserControl> 

MainPage.xaml.cs中

public partial class MainPage : UserControl 
    { 
     public MainPage() 
     { 
      InitializeComponent(); 

      this.DataContext = this; 
      this.Loaded += new RoutedEventHandler(MainPage_Loaded); 
     } 

     void MainPage_Loaded (object sender, RoutedEventArgs e) 
     { 
      for (int x = 0; x <= 10; x++) 
      { 
       panel1.Children.Add(new ChildControl()); 
      } 
     } 
    } 

我加入ChildWindow控件定義見下文以顯示WrapPanel如何適應其子女的可用空間的呈現。

ChildWindow.xaml

<UserControl 
    x:Class="SilverlightApplication2.ChildControl" 
    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" 
    Width="100" 
    Height="100"> 

    <Grid x:Name="LayoutRoot" Background="PowderBlue"> 
     <TextBlock Text="ChildControl"/> 
    </Grid> 
</UserControl> 

如果我錯過了你的觀點，請給一些更多的澄清。