通过绑定访问当前 ItemsControl 索引答案

【问题标题】：Access current ItemsControl index via binding通过绑定访问当前 ItemsControl 索引
【发布时间】：2016-11-12 21:47:41
【问题描述】：

我有以下代码

 <ItemsControl x:Name="ItemsControl" ItemsSource="{Binding Offers}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <StackPanel Orientation="Vertical"></StackPanel>
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <wpf:Card Padding="32" Margin="5" d:DataContext="{d:DesignData }">
                            <StackPanel Margin="0,0,0,-30" Height="107">
                                <TextBlock
                                    Style="{DynamicResource MaterialDesignTitleTextBlock}">
                                    <Run Text="Offer " />

                                </TextBlock>
                                <TextBlock Text="{Binding CarDescription}" />
                                <Separator Height="1" Visibility="Hidden" />
                            <Button Content="Select" 
                                        Width="72" 
                                        VerticalAlignment="Bottom" 
                                        HorizontalAlignment="Right"
                                        Margin="0,20,0,0"
                                        Command="{Binding SelectOfferCommand}"/>
                        </StackPanel>
                        </wpf:Card>

                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>

这会产生一堆重复的框，每个框都有一个按钮。每次单击按钮时，我都想访问当前框索引（来自 ItemsControl 的 ItemsSource）并将其作为命令参数传递。有可能吗？

【问题讨论】：

为什么？您可以传递 itemTemplate 绑定到的实际项目。
不要将视觉对象命名为它的类型。您应该将 ItemsControl 的名称更改为另一个名称，例如：“ItemsControlOffers”。
@UçanKartal 出于什么原因？ “ItemsControl”在这里是一个完全有效的名称。
@Clemens 因为当你有很多窗口时，它会帮助你区分实体。
@UçanKartal 这没有意义。这里肯定只有一个窗口。

标签： c# wpf data-binding itemscontrol stackpanel

【解决方案1】：

您可以使用AlterationIndex 传递ItemsControl 的当前Index。

See more info here

例子：

<ItemsControl x:Name="ItemsControl" 
              ItemsSource="{Binding Offers}"
              AlternationCount="1000">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Vertical"></StackPanel>
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <wpf:Card Padding="32" Margin="5" d:DataContext="{d:DesignData }">
                <StackPanel Margin="0,0,0,-30" Height="107">
                    <TextBlock
                        Style="{DynamicResource MaterialDesignTitleTextBlock}">
                        <Run Text="Offer " />

                    </TextBlock>
                    <TextBlock Text="{Binding CarDescription}" />
                    <Separator Height="1" Visibility="Hidden" />
                <Button Content="Select" 
                        Width="72" 
                        VerticalAlignment="Bottom" 
                        HorizontalAlignment="Right"
                        Margin="0,20,0,0"
                        Command="{Binding SelectOfferCommand}"
                        CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContentPresenter}}, Path=(ItemsControl.AlternationIndex)}"/>
                </StackPanel>
            </wpf:Card>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

【讨论】：

不要这样做，请参阅stackoverflow.com/questions/6511180/…。

【解决方案2】：

可能适合您在创建Offers 时将index 属性添加到每个Offer 并发送此索引OnSelectOfferCommand。会轻松很多

ps 我想我必须解释一下我的答案：我的建议不仅在实现上更容易，而且将业务逻辑与 UI 分开也是一种很好的做法。在这种情况下，如果 UI 将被更改，更改不会影响整个订购过程

【讨论】：