无法将属性名称动态传递给 ListView.ItemTemplate 以进行绑定 (UWP)

Question

我有一个这样的用户控件

<UserControl
x:Class="App41.UserCntrl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
<Grid>
    <ListView SelectionMode="Multiple" x:Name="lview"  ItemsSource="{x:Bind ItemsSource, Mode=OneWay}"  >
        <ListView.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{x:Bind PropertyNameToBind, Mode=OneWay}" />
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
</Grid>

后面的代码

    public sealed partial class UserCntrl : UserControl
{
    public UserCntrl()
    {
        this.InitializeComponent();
    }
    public static readonly DependencyProperty ItemsSourceProperty =
     DependencyProperty.Register("ItemsSource", typeof(IEnumerable), typeof(UserControl),
         new PropertyMetadata(null));

    public IEnumerable ItemsSource
    {
        get => (IEnumerable)GetValue(ItemsSourceProperty);
        set => SetValue(ItemsSourceProperty, value);
    }

    public string PropertyNameToBind
    {
        get { return (string)GetValue(PropertyNameToBindProperty); }
        set { SetValue(PropertyNameToBindProperty, value); }
    }

    public static readonly DependencyProperty PropertyNameToBindProperty =
    DependencyProperty.Register("PropertyNameToBind", typeof(string), typeof(UserControl), new PropertyMetadata(""));
}

我在我的主页中这样调用这个用户控件

<Page
x:Class="App41.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App41"  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"  mc:Ignorable="d">
<Grid>
    <local:UserCntrl x:Name="lview"   Loaded="EditTextControl_Loaded"></local:UserCntrl>
</Grid>

隐藏代码

    public sealed partial class MainPage : Page
{
    public MainPage()
    {
        this.InitializeComponent();
    }

    private void EditTextControl_Loaded(object sender, RoutedEventArgs e)
    {
        ObservableCollection<OptionItem> io = new ObservableCollection<OptionItem>();

        io.Add(new OptionItem { Name = "11111111111" });
        lview.ItemsSource = io;
        lview.PropertyNameToBind = "Name";
    }
}

public class OptionItem 
{
    private string _Name = string.Empty;
    public string Name
    {
        get { return _Name; }
        set { _Name = value;  }
    }
}

对我来说一切都很好，但 ListView 显示的是空项目而不是我的内容。我相信问题出在这一行

  <TextBlock Text="{x:Bind PropertyNameToBind, Mode=OneWay}" />

我试图在OptionItem 模型中绑定Name 属性。我该如何解决这个问题？

Answer 1

在 UWP 中，每个DataTemplate 对应于ItemsSource 中的一个项目，因此DataTemplate 的DataContext 仅限于项目本身，特定于您的项目，是OptionItem。

你使用{x:Bind PropertyNameToBind}其实是想绑定OptionItem.PropertyNameToBind，但是你的OptionItem没有这个属性，所以什么都不会显示。

请确定是要绑定PropertyNameToBind还是OptionItem.Name属性，如果是OptionItem.Name，请使用{x:Bind Name}。

如果没有，试试这个：

<UserControl
    ...
    x:Name="Main">

    <Grid>
        <ListView SelectionMode="Multiple" x:Name="lview"  ItemsSource="{x:Bind ItemsSource, Mode=OneWay}"  >
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding ElementName=Main,Path=PropertyNameToBind}" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</UserControl>

---

更新

我想我明白你的意思，但你对绑定有一些误解。

你绑定的是一个属性，你传递一个字符串值。该值不能作为属性名来反映绑定类的属性。

结合你的需求，我推荐你使用接口进行动态处理：

界面

public interface ITest
{
    string GetDisplayText();
}

类

public class OptionItem : ITest
{
    public string Name { get; set; } = string.Empty;
    public string GetDisplayText()
    {
        return Name;
    }
}

控制

<ListView.ItemTemplate>
    <DataTemplate x:DataType="local:ITest">
        <TextBlock Text="{x:Bind GetDisplayText()}" />
    </DataTemplate>
</ListView.ItemTemplate>

通过创建界面，提供了一种输出显示文本的方法。

任何继承这个接口的类都可以根据自己的需要重写这个方法。

在控件内部，只需要调用GetDisplayText()方法即可，无论绑定哪个类。

Answer 2

 <Grid>
        <ListView SelectionMode="Multiple" x:Name="lview"  ItemsSource="{x:Bind ItemSource, Mode=OneWay}"  >
            <ListView.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{x:Bind OptionItem.Name, Mode=OneWay}" />
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>
</Grid>