0

我有一个有多个孩子的妈妈。每个孩子都有一个已经分配的名称，并且需要用户输入该值。

我正在尝试通过代码为每个孩子生成一个带有 TextBlock 和 TextBox 的 StackPanel。孩子的数量是未知的，所以我需要一个循环来创建每个 StackPanel 并将它们创建到一个添加到边框控件的“妈妈”StackPanel。当我运行代码时，它会很好地运行循环，但它不会在显示中显示任何内容。

这是代码：

var momStackPanel = new StackPanel() { Orientation = Windows.UI.Xaml.Controls.Orientation.Vertical};
foreach (ChildItem item in ChildList)
{
    var childItemSP = new StackPanel();childItemSP.Orientation = Orientation.Horizontal;
    TextBlock nameTB = new TextBlock();
    name.Text = item.Name;
    childItemSP.Children.Add(nameTB);
    TextBox valueTB = new TextBox();
    valueTB .Text = item.Value;
    childItemSP.Children.Add(valueTB);
}
BorderSection.Child = momStackPanel;
BorderSection.Visibility = Windows.UI.Xaml.Visibility.Visible;

这是 XAML：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition  Height="Auto" />
        <RowDefinition  Height="Auto"/>
        <RowDefinition  Height="Auto"/>
        <RowDefinition  Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <TextBlock  x:Name="t4"  Text="t4"  Grid.Row="0"/>
    <Border Grid.Row="1"  HorizontalAlignment="Stretch">
                <StackPanel >
                    <TextBlock x:Name="r1" Text="{Binding r1}"  HorizontalAlignment="Center" />
                    <TextBlock x:Name="r2" Text="r2" Foreground="DarkGray"/>
                </StackPanel>               
    </Border>
    <Border x:Name="BorderSection" Grid.Row="2">            
    </Border>
    <StackPanel x:Name="CommentPanel" Orientation="Vertical" Grid.Row="3" Margin="6,6,6,6">
        <TextBox x:Name="Comment" Text="" MinHeight="100"/>
    </StackPanel>
    <StackPanel Orientation="Horizontal" >
        <Button x:Name="Submit" Content="Submit" Click="Submit_Click_1"/>
        <Button x:Name="Cancel" Content="Cancel" Click="Cancel_Click_1"/>
    </StackPanel>
</Grid>

任何想法如何处理这个？

4

1 回答 1

1

ItemsControl控件的作用类似于具有可变数量项目的 StackPanel。您可以将其绑定到 ObservableCollection，因此您根本不必在代码隐藏中弄乱视图。

<ItemsControl ItemsSource="{Binding Children}">
    <ItemsControl.Resources>
        <ResourceDictionary Source="ChildTemplate.xaml"/>
    </ItemsControl.Resources>
</ItemsControl>

然后，您可以在单独的文件 (ChildTemplate.xaml) 中提供孩子的视图。

<DataTemplate DataType="{x:Type myNamespace:ChildViewModel}">
    <StackPanel >
        <TextBlock Text="{Binding Name}" />
        <TextBlock Text="{Binding Value}" />
    </StackPanel> 
</DataTemplate>

不要忘记，无论何时更改 ObservableCollection，您都必须调用 OnPropertyChanged。

于 2013-08-08T21:05:04.633 回答