如何分隔在一个ItemsControl项目之间添加 [英] How can a separator be added between items in an ItemsControl

问题描述

我需要从一个集合中的项目控制显示数字的列表。这样的项目是：1，2，3

当他们被渲染，我需要他们用逗号（或类似的东西）隔开。因此，上述3项是这样的：1，2，3

我如何分隔添加到单个项目，没有一件上涨对列表的末尾？

我不停留在使用一个ItemsControl，但是这就是我已经开始使用。

解决方案

 ＆LT;的ItemsControl的ItemsSource ={结合数字}＆GT;
    ＆LT; ItemsControl.ItemsPanel＆GT;
        ＆LT; ItemsPanelTemplate＆GT;
            ＆LT;！ - 可以使用WrapPanel如果更适合您的方案 - ＆GT;
            ＆LT; StackPanel的方向=横向/＆GT;
        ＆LT; / ItemsPanelTemplate＆GT;
    ＆LT; /ItemsControl.ItemsPanel>
    ＆LT; ItemsControl.ItemTemplate＆GT;
        ＆LT;＆DataTemplate的GT;
            ＆LT; StackPanel的方向=横向＆GT;
                ＆LT; TextBlock的X：名称=commaTextBlock文本=/＆GT;
                ＆LT; TextBlock的文本={}绑定/＆GT;
            ＆LT; / StackPanel的＆GT;
            ＆LT; D​​ataTemplate.Triggers＆GT;
                ＆LT; D​​ataTrigger绑定={绑定的RelativeSource = {的RelativeSource previousData}}VALUE ={X：空}＆GT;
                    ＆LT; setter属性=能见度的TargetName =commaTextBlockVALUE =折叠/＆GT;
                ＆LT; / DataTrigger＆GT;
            ＆LT; /DataTemplate.Triggers>
        ＆LT; / DataTemplate中＆GT;    ＆LT; /ItemsControl.ItemTemplate>
＆LT; / ItemsControl的＆GT;
 

我来到了你的问题，因为我一直在寻找在Silverlight的解决方案，它不具有previous数据相对源。

I'm needing to display a list of numbers from a collection in an Items Control. So the items are: "1", "2", "3".

When they are rendered, I need them separated by a comma (or something similar). So the above 3 items would look like this: "1, 2, 3".

How can I add a separator to the individual items, without having one tacked on the end of the list?

I am not stuck on using an ItemsControl, but that's what I had started to use.

解决方案

<ItemsControl ItemsSource="{Binding Numbers}">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <!-- could use a WrapPanel if more appropriate for your scenario -->
            <StackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <TextBlock x:Name="commaTextBlock" Text=", "/>
                <TextBlock Text="{Binding .}"/>
            </StackPanel>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource PreviousData}}" Value="{x:Null}">
                    <Setter Property="Visibility" TargetName="commaTextBlock" Value="Collapsed"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>

    </ItemsControl.ItemTemplate>
</ItemsControl>

I arrived at your question because I was looking for a solution in Silverlight, which does not have a previous data relative source.

这篇关于如何分隔在一个ItemsControl项目之间添加的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！