Question

我的应用程序中有一个包含两列和四行的数据网格。每个单元都需要是WPF Toolkit自动完成框控件。我想使用MVVM模式实现整个事情。使用以下文本框填充单元格很容易：

<DataGrid ItemsSource="{Binding viewModel, Path=Fields}"  AutoGenerateColumns="False" CanUserResizeColumns="True" CanUserSortColumns="True" AlternatingRowBackground="Gainsboro">
            <DataGrid.Columns>                    
                <DataGridTextColumn Header="Predicate" Binding="{Binding Key}"/>                
                <DataGridTextColumn Header="Value" Binding="{Binding Value}"/>
            </DataGrid.Columns>
</DataGrid>

但尝试对自动填充框执行相同操作由于某种原因不起作用。它会编译并运行，但输入时自动完成框不会打开。我用过：

<DataGrid ItemsSource="{Binding viewModel, Path=Fields}"  AutoGenerateColumns="False" CanUserResizeColumns="True" CanUserSortColumns="True" AlternatingRowBackground="Gainsboro">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Pre">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <wpfToolkit:AutoCompleteBox ItemsSource="{Binding viewModel, Path=AvailableFields}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
</DataGrid>

绑定属性的定义是：

public IEnumerable<KeyValuePair<string, string>> Fields
public IEnumerable<string> AvailableFields

有什么想法吗？

更新：以下是基于@Damascus回复的整个XAML。由于某种原因不起作用。

<UserControl x:Class="IKB.Views.IKBInputView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:vm="clr-namespace:IKB.ViewModels"
             xmlns:wpfToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Input.Toolkit"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <vm:IKBInputVM x:Key="viewModel" />
    </UserControl.Resources>
    <StackPanel Orientation="Vertical">        
        <DataGrid ItemsSource="{Binding viewModel, Path=Fields}"  AutoGenerateColumns="False" CanUserResizeColumns="True" CanUserSortColumns="True" AlternatingRowBackground="Gainsboro">
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Pre">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <wpfToolkit:AutoCompleteBox ItemsSource="{Binding DataContext.viewModel.AvailableFields, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}}}" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </StackPanel>
</UserControl>

Answer 1

这是因为你不在这里DataContext。

每个AutoCompleteBox都有自己的DataContext（不确定其确切位置，但它与当前单元格本身有关），因此它会在错误的位置查找ItemsSource。 / p>

您的Binding必须引用原始DataContext。假设此DataGrid位于UserControl中，请尝试：

<wpfToolkit:AutoCompleteBox ItemsSource="{Binding DataContext.viewModel.AvailableFields,
           RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type UserControl}} />

这应该可以解决问题（它现在会查看UserControl的DataContext，这是你正在使用的那个）

如何将自动完成框添加到数据网格？

1 个答案: