ElementName 绑定在 Silverlight 4 的自定义控件中不起作用

Question

我们有一个屏幕及其视图模型：

public class ScreenViewModel : BaseViewModel
{
    [NotifyPropertyChanged]
    public List<Node> Nodes { get; set; }

    public ICommand NodeClickedCommand { get; set; }

    public ScreenViewModel()
    {
        NodeClickedCommand = new RelayCommand(NodeClicked);
        // ....
        // Some code that binds Nodes.
        // ....
    }

    private void NodeClicked()
    {
        MessageBox.Show("This is never shown");
    }
}

在此页面上，我们有自定义控件 (CustomControl) 和以下 xaml 来绑定命令：

<UserControl x:Class="ScreenView"
    x:Name="Screen"
    >
     <CustomControl Nodes="{Binding Nodes}">
                <CustomControl.ItemTemplate>
                    <DataTemplate>
                                <Button Command="{Binding ElementName=Screen,
                                     Path=DataContext.NodeClickedCommand}">
                                    <TextBlock>hello</TextBlock>
                                </Button>
                    </DataTemplate>
                </CustomControl.ItemTemplate>
        </CustomControl>

我们的自定义 SL 控件使用上面的模板 (DataTemplate) 来显示它的子项：

foreach(Node node in Nodes)
{
    FrameworkElement frameworkElement = (FrameworkElement)ItemTemplate.LoadContent();
    frameworkElement.DataContext = node ;
    this._canvas.Children.Add(frameworkElement);
}

我们确信：

• ViewModel 是正确绑定到视图
• 所有节点都正确显示
• 常规绑定工作正常
• 如果我们使用 Command="{Binding NodeClickedCommand}" 进行绑定，则VS 命令绑定不会出现任何绑定警告
• ，但是当然，这会绑定到应该存在于单个节点上的命令，并且我们想要绑定到屏幕视图模型上存在的命令。
• 类似的场景适用于 ListBox 和 ListBox.ItemTemplate

问题是 NodeClickedCommand 从未绑定，为什么？

Answer 1

我认为问题可能在于项目生成和命令绑定的顺序。您的自定义节点项可能会在绑定尝试解析命令之后添加到布局树中，因此数据模板中的绑定无法遍历布局树来解析您的元素。

您写到 ListBox 可以使用此设置，因此请尝试深入研究一下它在哪个点生成项目，并确保您遵循类似的模式。

Answer 2

这是命名容器。 ItemTemplates 将在视觉周期中“稍后”由控件呈现，因此命名容器的范围与 UserControl 中的位置不同。因此，Screen 不是范围内的有效元素。

由于我们看不到自定义控件的内部工作原理，因此我现在为您提供的最佳解决方案是将节点包装在单独的视图模型中，并让这些视图模型引用 NodeClickedCommand。

public class NodeViewModel : BaseViewModel
{
   public Node Node { get; set; }
   public ICommand NodeClickedCommand { get; set; }
}

public class ScreenViewModel : BaseViewModel
{
    [NotifyPropertyChanged]
    public List<NodeViewModel> Nodes { get; set; }

    public ICommand NodeClickedCommand { get; set; }

    public ScreenViewModel()
    {
        NodeClickedCommand = new RelayCommand(NodeClicked);
        // ....
        // Some code that binds Nodes.
        // ....
        // This code here whatever it does, when it gets the list of 
        // nodes, wrap them inside a NodeViewModel instead like this

        var nvm = new NodeViewModel()
        {
            NodeClickedCommand = this.NodeClickedCommand,
            Node = Node
        };

        nodes.Add(nvm);
    }

    private void NodeClicked()
    {
        MessageBox.Show("This is never shown");
    }
}

那么您的 XAML 将如下所示：

<UserControl x:Class="ScreenView"
    x:Name="Screen"
    >
     <CustomControl Nodes="{Binding Nodes}">
                <CustomControl.ItemTemplate>
                    <DataTemplate>
                                <Button Command="{Binding NodeClickedCommand}">
                                    <TextBlock>hello</TextBlock>
                                </Button>
                    </DataTemplate>
                </CustomControl.ItemTemplate>
        </CustomControl>

您仍然会从 ScreenViewModel 引用相同的 ICommand，因此您不会创建该特定命令的多个实例。

Answer 3

似乎使用 ContentPresenter 而不是 ItemTemplate.LoadContent 解决了这个问题：

foreach(Node node in Nodes)
{
    ContentPresenter contentPresenter = new ContentPresenter();
    contentPresenter.Content = node;
    contentPresenter.ContentTemplate = ItemTemplate;
    this._canvas.Children.Add(contentPresenter);

//    FrameworkElement frameworkElement = (FrameworkElement)ItemTemplate.LoadContent();
//    frameworkElement.DataContext = node ;
//    this._canvas.Children.Add(frameworkElement);
}

感谢 dain，他为我指明了正确的方向。