Question

我目前正在研究一种使用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>

Answer 1

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

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

MVVM嵌套列表滚动

1 个答案: