从 Code-behind（C#、WPF）添加时，用户控件未在列表框中正确显示

Question

我得到了一个简单的 UserControl，它基本上只是一个具有 6 列和一堆 TextBlock 的网格。

XAML:

<UserControl x:Class="MyApplication.TimeAccountItem"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:MyApplication"
             mc:Ignorable="d">
    <UserControl.Resources>
        <local:TimeSpanConverter x:Key="TimeSpanConverter"/>
        <Style TargetType="TextBlock">
            <Setter Property="FontSize" Value="14"/>
            <Setter Property="Margin" Value="10,5"/>
            <Setter Property="TextAlignment" Value="Center"/>
        </Style>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="48"/>
            <ColumnDefinition Width="2*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" x:Name="tb_Id" Text="{Binding User, FallbackValue=0}"/>
        <TextBlock Grid.Column="1" x:Name="tb_Employee" Text="{Binding Alias, FallbackValue=Employee}"/>
        <TextBlock Grid.Column="2" x:Name="tb_Updated" Text="{Binding Updated, StringFormat=dd.MM.yyy, FallbackValue=00.00.0000}"/>
        <TextBlock Grid.Column="3" x:Name="tb_Total" Text="{Binding Total, Converter={StaticResource TimeSpanConverter}, FallbackValue=00:00 h}"/>
        <TextBlock Grid.Column="4" x:Name="tb_Claimed" Text="{Binding Claimed, Converter={StaticResource TimeSpanConverter}, FallbackValue=00:00 h}"/>
        <TextBlock Grid.Column="5" x:Name="tb_Remaining" Text="{Binding Remaining, Converter={StaticResource TimeSpanConverter}, FallbackValue=00:00 h}"/>
    </Grid>
</UserControl>

CS:

public partial class TimeAccountItem : UserControl
{
    public TimeAccount content { get; set; }

    public OvertimeListBoxItem(TimeAccount timeAccount)
    {
        content = timeAccount;
        this.DataContext = content;  
    }

    public OvertimeListBoxItem()
    {
        InitializeComponent();
    }
}

在我的 MainWindow 上我有一个 ListBox 我想在其中“输出”那些用户控件。

当我在 XAML 中执行此操作时，一切正常。

<ListBox Height="400" Margin="10,0" HorizontalContentAlignment="Stretch" BorderThickness="0" Name="listbox">
    <local:TimeAccountItem/>
    <local:TimeAccountItem/>
    <local:TimeAccountItem/>
    <local:TimeAccountItem/>
    <local:TimeAccountItem/>
</ListBox>

但不是来自 Code-behind

foreach (TimeAccount ta in timeAccountList)
{
    listbox.Items.Add(new TimeAccountItem(ta));
}

我将鼠标悬停在其中一个项目上以显示发生了什么。已经为我的 UserControl 提供了固定高度而不是自动，但这也没有帮助。

我做错了什么？

提前致谢！

Answer 1

带 TimeAccount 参数的 UserControl 构造函数缺少 InitializeComponent 调用：

public TimeAccountItem(TimeAccount timeAccount)
{
    DataContext = timeAccount;  
    InitializeComponent();
}

但是你根本不应该这样做。

相反，声明一个适当的 ItemTemplate：

<ListBox ...>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <local:TimeAccountItem/>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

然后从 UserControl 中删除显式 DataContext 分配

public partial class TimeAccountItem : UserControl
{
    public TimeAccountItem()
    {
        InitializeComponent();
    }
}

并将一组数据项而不是 UI 元素分配给列表框的 ItemsSource 属性:

listbox.ItemSource = timeAccountList;

从 Code-behind（C#、WPF）添加时，用户控件未在列表框中正确显示

UserControls aren't displayed properly in ListBox when added from Code-behind (C#, WPF)

c#

wpf

listbox

user-controls