的StackPanel - 如何把它的元素在不同的列

Question

這裏是我的代碼：

<Grid x:Name="SourceGrid"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 

    </Grid.RowDefinitions> 

     <TextBlock Grid.Row="0" Grid.Column="0" Text="Headers" /> 
     <TextBlock Grid.Row="0" Grid.Column="1" Text="Tags" /> 



    <ItemsControl Grid.Row="1" Grid.ColumnSpan="2" ItemsSource="{Binding Path=AllHeaders.Fields}"> 
     <ItemsControl.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Text="{Binding}" /> 
        <ComboBox ItemsSource="{Binding ElementName=SourceGrid, Path=DataContext.Tags}" /> 
       </StackPanel> 
      </DataTemplate> 
     </ItemsControl.ItemTemplate> 
    </ItemsControl> 
</Grid> 

正如你所看到的，我有一個TextBlock和一個DataTemplate，這是一個StackPanel內的內部組合框。我想要做的是將TextBlock放入我的網格的Column = 0中，並將ComboBox放入我的網格的Column = 1中。我怎樣才能做到這一點？ Grid.Column屬性在TextBlock和ComboBox中均不可訪問。

Answer 1

這是你的新佈局：

<Grid x:Name="SourceGrid"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition /> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 

     <TextBlock Grid.Row="0" 
        Grid.Column="0" 
        Text="Headers" /> 
     <TextBlock Grid.Row="0" 
        Grid.Column="1" 
        Text="Tags" /> 

     <ItemsControl Grid.Row="1" 
         Grid.ColumnSpan="2" 
         ItemsSource="{Binding Path=AllHeaders.Fields}"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Grid x:Name="SourceGrid"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition /> 
          <ColumnDefinition /> 
         </Grid.ColumnDefinitions> 
         <TextBlock Text="{Binding}" 
            Grid.Column="0" /> 
         <ComboBox ItemsSource="{Binding Path=DataContext.Tags, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type Grid},AncestorLevel=2}}" 
            Grid.Column="1" /> 
        </Grid> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </Grid> 

或

<Grid x:Name="SourceGrid"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition /> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 

     <TextBlock Grid.Row="0" 
        Grid.Column="0" 
        Text="Headers" /> 
     <TextBlock Grid.Row="0" 
        Grid.Column="1" 
        Text="Tags" /> 

     <ItemsControl Grid.Row="1" 
         Grid.ColumnSpan="2" 
         ItemsSource="{Binding Path=AllHeaders.Fields}"> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <Grid x:Name="SourceGrid"> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition /> 
          <ColumnDefinition /> 
         </Grid.ColumnDefinitions> 
         <TextBlock Text="{Binding}" 
            Grid.Column="0" /> 
         <ComboBox ItemsSource="{Binding Path=DataContext.Tags, RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type ItemsControl}}}" 
            Grid.Column="1" /> 
        </Grid> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 
    </Grid>