Question

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

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

以下是代码：

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>

有任何想法如何解决这个问题？

Answer 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。

通过C＃代码添加多个堆栈面板

1 个答案: