MVVM 嵌套列表滚动答案

【问题标题】：MVVM nested list scrollingMVVM 嵌套列表滚动
【发布时间】：2012-11-04 08:38:20
【问题描述】：

我目前正在开发一个使用 MVVM 在 WPF 中编写的数据驱动编辑工具。主要显示是视图模型的可滚动列表，其中一些（不是全部）具有自己的子视图模型的内部列表（不可滚动）。问题在于，其中一种视图模型类型是数组类型，其中包含添加新子项的功能，我们希望这样做，以便如果您使用它，它会将整个列表滚动到该新项。有没有一种合理的方法可以使用 MVVM 来做到这一点？

为了让您了解当前 UI 的设置方式，这是整体显示：

<Grid ScrollViewer.VerticalScrollBarVisibility="Auto">
  <Label Content="{Binding Path=DisplayName}" Height="28" HorizontalAlignment="Left" Margin="4,4,0,0" VerticalAlignment="Top" />
  <ItemsControl IsTabStop="False" ItemsSource="{Binding Path=VMEntries}" Margin="12,25,12,12" ItemTemplateSelector="{StaticResource EntryTemplateSelector}" ScrollViewer.VerticalScrollBarVisibility="Auto">
    <ItemsControl.Template>
      <ControlTemplate>
        <ScrollViewer x:Name="ScrollViewer">
          <ItemsPresenter />
        </ScrollViewer>
      </ControlTemplate>
    </ItemsControl.Template>
  </ItemsControl>
</Grid>

这是我们正在使用的数组条目的数据模板：

<DataTemplate x:Key="Array">
  <Grid Margin="2,7,0,0">
    <Label Content="{Binding Path=DisplayName}" ToolTip="{Binding Path=Tooltip}"/>
    <Button Content="Add" HorizontalAlignment="Right" VerticalAlignment="Top"  Height="24" Width="24" Command="{Binding Path=AddCommand}"/>
    <ItemsControl HorizontalAlignment="Stretch" IsTabStop="False" ItemsSource="{Binding Path=SubEntries, NotifyOnSourceUpdated=True}" Margin="10,24,0,0" >
      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <Grid HorizontalAlignment="Stretch">
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Button Name="RemoveButton" Grid.Column="0" Margin="0,5,0,0" Content="Del" HorizontalAlignment="Right" VerticalAlignment="Top"  Height="24" Width="24" Command="{Binding Path=RemoveCommand}" CommandParameter="{Binding Path=.}"/>
            <ContentControl Grid.Column="1" Content="{Binding Path=.}"  ContentTemplateSelector="{StaticResource EntryTemplateSelector}" />
          </Grid>
          <DataTemplate.Triggers>
            <DataTrigger Binding="{Binding Path=RemoveHandler}" Value="{x:Null}">
              <Setter Property="Visibility" TargetName="RemoveButton" Value="Collapsed"/>
            </DataTrigger>
          </DataTemplate.Triggers>
        </DataTemplate>
      </ItemsControl.ItemTemplate>
    </ItemsControl>
  </Grid>
</DataTemplate>

【问题讨论】：

标签： c# wpf list mvvm

【解决方案1】：

MVVM 的理想不是在后面添加代码，但对于一些复杂的事情，更简单的方法是添加它。在某些情况下，如果您想在应用程序上添加复杂的行为并保留 MVVM，另一种方法是使用行为（允许使用并从 XAML 绑定的 c# 代码）。您还可以使用 AttachedProperties 定义行为并注册到 PropertyChanged 事件。另一种选择是创建一个 UserControl 并在其中添加代码。

在您的特定情况下，内部集合在向其添加项目时必须引发一些事件，然后在您的外部集合中执行类似 list.ScrollIntoView(itemToScroll); 的操作。希望这可以提供一些提示。

【讨论】：