Silverlight如何在数据模板中使用按钮时提升列表框的选定项目

Question

在列表框控件中，我有一个由文本和按钮组成的数据模板。鉴于 Silverlight/WPF 的性质，当我单击列表框项中的按钮时，在选择列表框项之前按钮事件将被捕获。因此，如果我尝试传递所选列表框项目的记录 ID，目前只能通过首先单击并选择列表框项目，然后单击按钮来实现。

有没有一种方法可以促进列表框项目的选择，以便在创建列表框项目时我能够单击列表框项目中的按钮并调用一些事件（selectionChanged？），这将允许我捕获所选内容记录 id 并将其用于其他一些操作（作为方法中的参数传递等）。我使用 Simple MVVM 工具包来实现此实现，所以我想知道是否可以在 viewModel 中处理此问题，或者是否需要在后面的控件代码中处理此问题，然后将选择推送到 viewModel。

列表框控件呈现为：

<ListBox x:Name="ResultListBox"
             HorizontalAlignment="Stretch"
             Background="{x:Null}"
             Grid.Row="1"
             BorderThickness="0" HorizontalContentAlignment="Stretch"
             ItemContainerStyle="{StaticResource ListBoxItemStyle1}"
             ItemsSource="{Binding SearchResults[0].Results}"
             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
             Style="{StaticResource ListBoxStyle1}">

        <ListBox.ItemTemplate>

            <DataTemplate>
                <dts:TypeTemplateSelector Content="{Binding}" HorizontalContentAlignment="Stretch">
                    <!--  Template 1  -->
                    <formatter:TypeTemplateSelector.CFSTemplate>
                        <DataTemplate>
                            <qr:ucIndex_Product />
                        </DataTemplate>
                    </formatter:TypeTemplateSelector.CFSTemplate>

                    <!--  Template 2  -->
                    <formatter:TypeTemplateSelector.PersonTemplate>
                        <DataTemplate>
                            <qr:ucIndex_Person  />
                        </DataTemplate>
                    </formatter:TypeTemplateSelector.PersonTemplate>

            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

在数据模板（用户控件）中驻留按钮以及许多其他字段。除非有要求，否则我将暂时忽略该代码。

提前致谢！

Answer 1

将其放入您的 ListBox.Resources

<Style TargetType="{x:Type ListBoxItem}">
    <EventSetter Event="PreviewGotKeyboardFocus" Handler="SelectCurrentItem"/>
</Style>

并将其放在后面的代码中

protected void SelectCurrentItem(object sender, KeyboardFocusChangedEventArgs e)
{
    ListBoxItem item = (ListBoxItem)sender;
    item.IsSelected = true;
}

您也可以使用以下代码，该代码不使用代码隐藏，但是它只会使 ListBoxItem 保持选中状态，只要它有键盘焦点。一旦焦点离开，该项目将变为未选中

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

编辑

由于Silverlight没有EventSetters，您可以使用ListBox的Loaded事件并将以下内容添加到后面的代码中：

private void ResultListBox_Loaded(object sender, RoutedEventArgs e)
{
    ListBox list = (ListBox)sender;
    list.GotFocus += ResultListBox_GotFocus;
}

void ResultListBox_GotFocus(object sender, RoutedEventArgs e)
{
    var item = FindAncester<ListBoxItem>((DependencyObject)e.OriginalSource);
    if (item != null) item.IsSelected = true;
}

T FindAncester<T>(DependencyObject current) 
    where T : DependencyObject
{
    current = VisualTreeHelper.GetParent(current);

    while (current != null)
    {
        if (current is T)
        {
            return (T)current;
        }
        current = VisualTreeHelper.GetParent(current);
    };
    return null;
}

这将捕获ListBox的Focus事件，需要触发焦点事件并向上遍历可视化树以查找 ListBoxItem 对象，并将其 Selected 值设置为 true 的控件。

Answer 2

雷切尔的解决方案效果很好。我在这种方法中发现的一个问题是，它确实将注意力集中在所选项目上。因此，用户需要在控件内双击才能将焦点放在其他项目上，例如可选择的文本或其他按钮。经过更多处理后，我发现您还可以通过将列表框所选项目设置为您单击的对象的数据上下文等来解决此问题。这很有效，允许您将其设置为控件内的任何 UI 对象。

   ListBox.SelectedItem = ((HyperlinkButton)sender).DataContext;

在此示例中，我在数据模板中有超链接按钮。单击它们会将焦点设置到选定的列表框项目。

Answer 3

rlcrews 做对了！使用数据上下文：

ObservableCollection<Employee> employees1;
...
listBox1.ItemsSource = employees1;
...

//DataTemplate in ListBox has a button with following event
private void bnPromoteEmployee_Click(object sender, RoutedEventArgs e)
{
  Employee emp1 = (Employee)((Button)sender).DataContext;
  emp1.Promote();
}