ItemsControl with DataTemplate in code behind only displays one item

Question

I'm trying to create a DataTemplate from the code behind but using it in an ItemsControl, only one item is displayed ...

If I describe the DataTemplate in XAML, i have all the items.

I use the code described here to create my DataTemplate: https://stackoverflow.com/a/25428280/9725495

In full XAML:

<ItemsControl ItemsSource="{Binding Radios}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid Height="40">
                    <TextBlock Text="{Binding Name}" TextTrimming="CharacterEllipsis" Margin="6" HorizontalAlignment="Left" VerticalAlignment="Center" />
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>

This is my code behind :

        var grid = new Grid();
        grid.Height = 40;

        var textblock = new TextBlock();
        textblock.SetBinding(TextBlock.TextProperty, "Name");
        textblock.Margin = new Thickness(6);
        textblock.TextTrimming = TextTrimming.CharacterEllipsis;
        textblock.HorizontalAlignment = HorizontalAlignment.Left;
        textblock.VerticalAlignment = VerticalAlignment.Center;

        grid.Children.Add(textblock);

        RadioDataTemplate = TemplateGenerator.CreateDataTemplate(() => grid);

  <ItemsControl ItemsSource="{Binding Radios}" ItemTemplate="{Binding RadioDataTemplate}" />

EDIT :

Problem with SharedSizeGroup

RadioDataTemplate = TemplateGenerator.CreateDataTemplate(() =>
        {
            var grid = new Grid();
            grid.Height = 40;

            for (int i = 1; i <= 2; i++)
            {
                grid.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Star) });

                if (i < 2)
                    grid.ColumnDefinitions.Add(new ColumnDefinition() { Width = new GridLength(1, GridUnitType.Auto), SharedSizeGroup = "A" });
            }

            var image = new Image();
            image.SetBinding(Image.SourceProperty, "Image");
            image.Stretch = System.Windows.Media.Stretch.Uniform;
            RenderOptions.SetBitmapScalingMode(image, BitmapScalingMode.HighQuality);
            image.HorizontalAlignment = HorizontalAlignment.Center;
            image.VerticalAlignment = VerticalAlignment.Center;

            grid.Children.Add(image);
            Grid.SetColumn(image, 0);

            var gridsplitter = new GridSplitter();
            gridsplitter.HorizontalAlignment = HorizontalAlignment.Stretch;
            gridsplitter.Width = 5;
            gridsplitter.Background = new SolidColorBrush(Colors.Red);

            grid.Children.Add(gridsplitter);
            Grid.SetColumn(gridsplitter, 1);

            var textblock = new TextBlock();
            textblock.SetBinding(TextBlock.TextProperty, "Name");
            textblock.Margin = new Thickness(6);
            textblock.TextTrimming = TextTrimming.CharacterEllipsis;
            textblock.HorizontalAlignment = HorizontalAlignment.Left;
            textblock.VerticalAlignment = VerticalAlignment.Center;

            grid.Children.Add(textblock);
            Grid.SetColumn(textblock, 2);

            return grid;
        });

Clemens · Accepted Answer · 2019-09-02T21:30:19.507

1

It's unclear why you want to do that at all, at least it is totally unusual to create a DataTemplate in code behind. Anyway,

() => grid

returns always only the same single Grid instance that you created before.

However, you have to create a new one in each call:

RadioDataTemplate = TemplateGenerator.CreateDataTemplate(() =>
{
    var grid = new Grid();
    grid.Height = 40;

    var textblock = new TextBlock();
    textblock.SetBinding(TextBlock.TextProperty, "Name");
    textblock.Margin = new Thickness(6);
    textblock.TextTrimming = TextTrimming.CharacterEllipsis;
    textblock.HorizontalAlignment = HorizontalAlignment.Left;
    textblock.VerticalAlignment = VerticalAlignment.Center;

    grid.Children.Add(textblock);
    return grid;
});

edited Sep 02 '19 at 21:30

answered Sep 02 '19 at 21:18

Clemens

123,504
12
155
268

Thank you for the solution! I need to create datatemplates dynamically. – WDKyle Sep 02 '19 at 21:29
I have a little problem with my final code which contains a SharedSizeGroup. This one does not work with your solution. What do you think I forgot something? I edited my question. – WDKyle Sep 02 '19 at 21:41
That loop looks odd. Is it supposed to generate three columns, `*,Auto,*`? – Clemens Sep 02 '19 at 21:58
Yes, it's just a test. 3 columns (*, Auto, *) for the test. – WDKyle Sep 02 '19 at 22:16
And the SharedSizeGroup should be on the Auto column for the GridSplitter? – Clemens Sep 02 '19 at 22:36
Yes, but I think it's him who worries ... If I do not declare gridsplitter.HorizontalAlignment = HorizontalAlignment.Stretch; this does not have the desired effect but the columns are well linked. – WDKyle Sep 02 '19 at 22:47

ItemsControl with DataTemplate in code behind only displays one item

1 Answers1