Nhiều Hộp danh sách WPF chỉ với một mục được chọn tại một thời điểm

Question

Tôi đang sử dụng MVVM và hiển thị hai hộp danh sách trên một cửa sổ. Tôi ràng buộc từ cả hai hộp danh sách đó cùng một lúc với các trường khác nhau gọi chúng là A và B. A và B sau đó là cả hai sửa đổi C. Để thực hiện công việc này, tôi muốn chỉ có một mục từ hai hộp danh sách được chọn cùng một lúc, sao cho A không ghi đè C khi B được chọn. Làm thế nào tôi có thể hạn chế điều này?

Cảm ơn!

Answer 1

Tôi có thể nghĩ ra một vài cách để thực hiện việc này.

Một cách là bạn có thể liên kết ListBox.SelectedIndex trong 2 Hộp danh sách của mình để thay đổi thông báo các thuộc tính ViewModel.

Ví dụ trong View của bạn:

<ListBox SelectedIndex="{Binding SelectedIndexA}"> 
    <ListBoxItem Content="Item 1"/> 
    <ListBoxItem Content="Item 2"/> 
</ListBox> 
<ListBox SelectedIndex="{Binding SelectedIndexB}"> 
    <ListBoxItem Content="Item 1"/> 
    <ListBoxItem Content="Item 2"/> 
</ListBox> 

Và trong ViewModel của bạn:

public int SelectedIndexA 
{ 
    get { return _selectedIndexA; } 
    set 
    { 
     _selectedIndexA = value; 
     _selectedIndexB = -1; 
     OnPropertyChanged("SelectedIndexB"); 
    } 
} 

public int SelectedIndexB 
{ 
    get { return _selectedIndexB; } 
    set 
    { 
     _selectedIndexB = value; 
     _selectedIndexA = -1; 
     OnPropertyChanged("SelectedIndexA"); 
    } 
} 

Một cách khác sẽ có một tài sản gắn liền như 'GroupName', nơi bạn có thể Selectors nhóm (ListBox thừa hưởng từ Selector) để đảm bảo chỉ một Selector trong nhóm có một mục được chọn cùng một lúc.

Ví dụ:

public static class SingleSelectionGroup 
{ 
    public static readonly DependencyProperty GroupNameProperty = 
     DependencyProperty.RegisterAttached("GroupName", typeof(string), typeof(SingleSelectionGroup), 
              new UIPropertyMetadata(OnGroupNameChanged)); 

    public static string GetGroupname(Selector selector) 
    { 
     return (string) selector.GetValue(GroupNameProperty); 
    } 

    public static void SetGroupName(Selector selector, string value) 
    { 
     selector.SetValue(GroupNameProperty, value); 
    } 

    private static void OnGroupNameChanged(DependencyObject dependencyObject, DependencyPropertyChangedEventArgs e) 
    { 
     var selector = (Selector) dependencyObject; 

     if (e.OldValue != null) 
      selector.SelectionChanged -= SelectorOnSelectionChanged; 
     if (e.NewValue != null) 
      selector.SelectionChanged += SelectorOnSelectionChanged; 
    } 

    private static void SelectorOnSelectionChanged(object sender, SelectionChangedEventArgs e) 
    { 
     if (e.AddedItems.Count == 0) 
      return; 

     var selector = (Selector) sender; 
     var groupName = (string) selector.GetValue(GroupNameProperty); 
     var groupSelectors = GetGroupSelectors(selector, groupName); 

     foreach (var groupSelector in groupSelectors.Where(gs => !gs.Equals(sender))) 
     { 
      groupSelector.SelectedIndex = -1; 
     } 
    } 

    private static IEnumerable<Selector> GetGroupSelectors(DependencyObject selector, string groupName) 
    { 
     var selectors = new Collection<Selector>(); 
     var parent = GetParent(selector); 
     GetGroupSelectors(parent, selectors, groupName); 
     return selectors; 
    } 

    private static DependencyObject GetParent(DependencyObject depObj) 
    { 
     var parent = VisualTreeHelper.GetParent(depObj); 
     return parent == null ? depObj : GetParent(parent); 
    } 

    private static void GetGroupSelectors(DependencyObject parent, Collection<Selector> selectors, string groupName) 
    { 
     var childrenCount = VisualTreeHelper.GetChildrenCount(parent); 
     for (int i = 0; i < childrenCount; i++) 
     { 
      var child = VisualTreeHelper.GetChild(parent, i); 
      var selector = child as Selector; 
      if (selector != null && (string) selector.GetValue(GroupNameProperty) == groupName) 
       selectors.Add(selector); 

      GetGroupSelectors(child, selectors, groupName); 
     } 
    } 
} 

Và trong View của bạn:

<ListBox my:SingleSelectionGroup.GroupName="Group A"> 
    <ListBoxItem Content="Item 1 (Group A)"/> 
    <ListBoxItem Content="Item 2 (Group A)"/> 
</ListBox> 
<ListBox my:SingleSelectionGroup.GroupName="Group A"> 
    <ListBoxItem Content="Item 1 (Group A)"/> 
    <ListBoxItem Content="Item 2 (Group A)"/> 
</ListBox> 

<ListBox my:SingleSelectionGroup.GroupName="Group B"> 
    <ListBoxItem Content="Item 1 (Group B)"/> 
    <ListBoxItem Content="Item 2 (Group B)"/> 
</ListBox> 
<ListBox my:SingleSelectionGroup.GroupName="Group B"> 
    <ListBoxItem Content="Item 1 (Group B)"/> 
    <ListBoxItem Content="Item 2 (Group B)"/> 
</ListBox> 

Nếu bạn phải bấm vào một mục hai lần trước khi nó được đánh dấu, bạn có thể sử dụng một cách giải quyết nhanh chóng như thế này:

<Style TargetType="ListBoxItem"> 
    <Style.Triggers> 
     <EventTrigger RoutedEvent="GotKeyboardFocus"> 
      <BeginStoryboard> 
       <Storyboard> 
        <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="(ListBoxItem.IsSelected)"> 
         <DiscreteBooleanKeyFrame KeyTime="00:00:00" Value="True" /> 
        </BooleanAnimationUsingKeyFrames> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger> 
    </Style.Triggers> 
</Style> 

Answer 2

Nếu có ai đã sử dụng ListBox/ListView bên trong ItemsControl và có sự cố sau sau khi sử dụng câu trả lời ở trên:

1. Khi bạn nhấp vào bất kỳ Mục nào trong danh sách1 mục được chọn.
2. Khi bạn bấm vào bất kỳ mục nào trong hộp danh sách2 mục đã chọn của listbox1 không được chọn nhưng không có mục nào trong hộp danh sách2 được chọn.
3. Khi bạn bấm lại vào bất kỳ mục nào trong hộp danh sách2 mục được chọn.

Chỉ cần thêm dưới đây XAML để phong cách của ListBoxItem của bạn:

<Style TargetType="ListBoxItem"> 
    <Style.Triggers> 
     <Trigger Property="IsKeyboardFocusWithin" Value="True"> 
      <Setter Property="IsSelected" Value="True"></Setter> 
     </Trigger> 
    </Style.Triggers> 
</Style> 

Ngoài ra, Nếu ai là nhận được lỗi sau sau khi sử dụng mã trong câu trả lời ở trên:

GroupName is already registered by Selector 

Hãy thay đổi số third parameter typeof(......) trong khai báo thuộc tính phụ thuộc thành Tên của lớp học.