Menu.ItemTemplate显示类名而非绑定变量问题求助

你通过以下XAML创建动态菜单：

<Menu VerticalAlignment="Top" Items="{Binding FileList}">
    <Menu.ItemTemplate>
        <DataTemplate>
            <MenuItem Command="{Binding FileClick}" CommandParameter="{Binding FilePath}" Header="{Binding FileName}"/>
        </DataTemplate>
    </Menu.ItemTemplate>
</Menu>

但菜单Header未显示FileName，而是显示EditorMenuItem类名。

相关C#代码如下：
存储菜单项的变量：

[ObservableProperty]
public ObservableCollection<EditorMenuItem> fileList = new ObservableCollection<EditorMenuItem>();

添加菜单项的代码：

fileList.Add(new EditorMenuItem(
    "test1",
    "C:/test1.txt",
    ReactiveCommand.Create<string>((string fileName) =>
    {
        HandleFileClick(fileName);
    })
));

EditorMenuItem类定义：

public class EditorMenuItem
{
    public string FileName;
    public string FilePath;
    public ICommand FileClick;

    public EditorMenuItem(string FileName, string FilePath, ICommand FileClick)
    {
        this.FileName = FileName;
        this.FilePath = FilePath;
        this.FileClick = FileClick;
    }
}

原因分析 #

WPF的数据绑定机制仅支持绑定到属性（Property），无法直接绑定字段（Field）。你定义的EditorMenuItem中，FileName、FilePath、FileClick都是公共字段，不是属性，导致绑定表达式{Binding FileName}无法找到对应的目标值。此时WPF会默认调用对象的ToString()方法，而默认的ToString()实现就是返回类的全名，所以菜单显示的是类名而非期望的文件名。

解决方法 #

将EditorMenuItem中的字段改为属性，添加{ get; set; }访问器即可：

public class EditorMenuItem
{
    public string FileName { get; set; }
    public string FilePath { get; set; }
    public ICommand FileClick { get; set; }

    public EditorMenuItem(string fileName, string filePath, ICommand fileClick)
    {
        FileName = fileName;
        FilePath = filePath;
        FileClick = fileClick;
    }
}

修改后，数据绑定就能正确识别FileName属性，菜单Header会显示对应的文件名。

内容的提问来源于stack exchange，提问作者gerrietech