TreeView BringIntoView với MVVM

Question

Tôi muốn người dùng có thể tìm kiếm các mục trong TreeView. Sau khi nhập văn bản tìm kiếm, TreeViewItem sẽ được cuộn vào chế độ xem.

Hiện tại tôi đang sử dụng Mẫu MVVM cho TreeView, cho TreeViewItems và MainView.

Tôi phải làm gì để có được chức năng của BringIntoView sử dụng MVVM? Có một số tài sản tôi có thể ràng buộc không? (trong MFC có một cái gì đó giống như FirstVisibileItem)

Đã thấy một "giải pháp" với một hành vi. Có thực sự cần thiết không?

Answer 1

Sự cố có thể được giải quyết bằng Hành vi.

Điều này CodeProject article mô tả nó rất tốt và nó hoạt động ra khỏi hộp.

Answer 2

Theo bài viết Dự án mã đã đề cập, đây là ví dụ về Mã cho thấy cách thiết lập Hành vi và cách tích hợp Hành vi trong XAML.

cài đặt hành vi:

/// <summary> 
/// Exposes attached behaviors that can be 
/// applied to TreeViewItem objects. 
/// </summary> 
public static class TreeViewItemBehavior 
{ 
    #region IsBroughtIntoViewWhenSelected 
    public static bool GetIsBroughtIntoViewWhenSelected(TreeViewItem treeViewItem) 
    { 
     return (bool)treeViewItem.GetValue(IsBroughtIntoViewWhenSelectedProperty); 
    } 

    public static void SetIsBroughtIntoViewWhenSelected(  TreeViewItem treeViewItem, bool value) 
    { 
     treeViewItem.SetValue(IsBroughtIntoViewWhenSelectedProperty, value); 
    } 

    public static readonly DependencyProperty IsBroughtIntoViewWhenSelectedProperty = 
    DependencyProperty.RegisterAttached(
    "IsBroughtIntoViewWhenSelected", 
    typeof(bool), 
    typeof(TreeViewItemBehavior), 
    new UIPropertyMetadata(false, OnIsBroughtIntoViewWhenSelectedChanged)); 

    static void OnIsBroughtIntoViewWhenSelectedChanged(DependencyObject depObj, DependencyPropertyChangedEventArgs e) 
    { 
     TreeViewItem item = depObj as TreeViewItem; 
     if (item == null) 
      return; 

     if (e.NewValue is bool == false) 
      return; 

     if ((bool)e.NewValue) 
      item.Selected += OnTreeViewItemSelected; 
     else 
      item.Selected -= OnTreeViewItemSelected; 
    } 

    static void OnTreeViewItemSelected(object sender, RoutedEventArgs e) 
    { 
     // Only react to the Selected event raised by the TreeViewItem 
     // whose IsSelected property was modified. Ignore all ancestors 
     // who are merely reporting that a descendant's Selected fired. 
     if (!Object.ReferenceEquals(sender, e.OriginalSource)) 
     return; 

     TreeViewItem item = e.OriginalSource as TreeViewItem; 
     if (item != null) 
      item.BringIntoView(); 
    } 

    #endregion // IsBroughtIntoViewWhenSelected 
} 

Sau đó tích hợp các TreeViewItemBehavior trong XAML:

<TreeView.ItemContainerStyle> 
    <Style TargetType="{x:Type TreeViewItem}"> 
    <Setter Property="local:TreeViewItemBehavior.IsBroughtIntoViewWhenSelected" Value="True"/> 
    </Style> 
</TreeView.ItemContainerStyle> 

Hãy vui vẻ :-)