2

我目前正在开发一个使用 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>
4

1 回答 1

0

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

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

于 2012-11-15T20:54:19.840 回答