如何分配ItemsSource属性

时间:2017-03-21 14:30:12

标签: c# wpf xaml itemssource

好的,对不起以前的混乱。

情况是这样的: 我有两个自定义对象定义如下: MainObject:

public class MainObject
{
    private string mainObjectName;
    public string MainObjectName { get { return mainObjectName; } }

    private List<SubObject> subObjectData;
    public List<SubObject> SubObjectData { get { return subObjectData; } }

    public MainObject(string name, List<SubObject> objectData)
    {
        mainObjectName = name;
        subObjectData = objectData;
    }
}

子对象:

public class SubObject
{
    private string subObjectName;
    public string SubObjectName { get { return subObjectName; } }

    private List<int> integerData;
    public List<int> IntegerData { get { return integerData; } }

    public SubObject(string name, List<int> data)
    {
        subObjectName = name;
        integerData = data;
    }
}

我还有一个viewmodel,为了简单起见,使用这两个对象定义了一些数据,如下所示:VM

public List<Model.MainObject> VMList = new List<Model.MainObject>()
    {
        new Model.MainObject("MainItem1", new List<Model.SubObject>()
        {
            new Model.SubObject("SubItem1", new List<int>() { 1,6,3}),
            new Model.SubObject("SubItem2", new List<int>() { 5,2,9})
        }),
        new Model.MainObject("MainItem2", new List<Model.SubObject>()
        {
            new Model.SubObject("SubItem1", new List<int>() { 0,3,1}),
            new Model.SubObject("SubItem2", new List<int>() { 7,5,2})
        })
    };

现在我有以下用户界面

<Grid>
    <ItemsControl Name="MainObjectIC">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition/>
                        <ColumnDefinition/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="{Binding MainObjectName}"/>
                    <ItemsControl Name="SubObjectIC">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding SubObjectName}"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

我在后面的代码中分配MainObjectIC的ItemsSource,如下所示:

ViewModel.VM dc = new ViewModel.VM();

    public MainWindow()
    {
        InitializeComponent();
        DataContext = dc;
        MainObjectIC.ItemsSource = dc.VMList;
    }

我还想将ItemsSource分配给SubObjectIC,但为了做到这一点,我必须得到ItemsControl对象。这就是我想要实现的目标。

根据我的理解,从后面的代码中分配ItemsSource属性可能是非常非常糟糕和无用的。

1 个答案:

答案 0 :(得分:2)

感谢您改进代码示例。它仍然不完整,但足够接近能够提供答案。

在您的示例中,缺少的主要是简单地添加必要的{Binding}表达式。特别是:

<ItemsControl Name="SubObjectIC" Grid.Column="1"
              ItemsSource="{Binding SubObjectData}">
  <ItemsControl.ItemTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding SubObjectName}"/>
    </DataTemplate>
  </ItemsControl.ItemTemplate>
</ItemsControl>

该项的上下文已经是MainObject类型的对象(这就是您的TextBlock绑定有效的原因)。所以还有待完成的事情是将ItemsSource属性绑定到MainObject.SubObjectData属性。

(我必须添加Grid.Column作业,上面的示例中似乎缺少这些作业。)

上述更改完全足以让您的示例按您的意愿工作。但是,您也可以使用与顶级控件相同的基本方法来改进代码。为此,您的VM.VMList字段需要更改为属性(WPF仅绑定到属性,而不是字段):

class VM
{
    public List<MainObject> VMList {  get { return _vmList; } }

    private readonly List<MainObject> _vmList = new List<MainObject>()
    {
        new MainObject("MainItem1", new List<SubObject>()
        {
            new SubObject("SubItem1", new List<int>() { 1,6,3}),
            new SubObject("SubItem2", new List<int>() { 5,2,9})
        }),
        new MainObject("MainItem2", new List<SubObject>()
        {
            new SubObject("SubItem1", new List<int>() { 0,3,1}),
            new SubObject("SubItem2", new List<int>() { 7,5,2})
        })
    };
}

然后你可以删除构造函数中的显式赋值:

public MainWindow()
{
    InitializeComponent();
    DataContext = dc;
}

通过这些更改,您的XAML不再需要提供任何控件名称,您可以直接绑定到相关属性:

<Window x:Class="TestSO42929995WpfNestedData.MainWindow"
        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"
        xmlns:local="clr-namespace:TestSO42929995WpfNestedData"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
  <Grid>
    <ItemsControl ItemsSource="{Binding VMList}">
      <ItemsControl.ItemTemplate>
        <DataTemplate>
          <Grid>
            <Grid.ColumnDefinitions>
              <ColumnDefinition/>
              <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding MainObjectName}"/>
            <ItemsControl Grid.Column="1"
                          ItemsSource="{Binding SubObjectData}">
              <ItemsControl.ItemTemplate>
                <DataTemplate>
                  <TextBlock Text="{Binding SubObjectName}"/>
                </DataTemplate>
              </ItemsControl.ItemTemplate>
            </ItemsControl>
          </Grid>
        </DataTemplate>
      </ItemsControl.ItemTemplate>
    </ItemsControl>
  </Grid>
</Window>

上面可能不明显的关键点是每个控件都有一个DataContext。使用{Binding}语法时,默认情况下,属性路径是相对于该上下文的。在顶层控件中,上下文是您在构造函数中设置它的内容。但是在单个列表项模板中,上下文是该列表项的单个数据对象,在您的情况下是MainObject对象。因此,在该上下文中,您只需绑定到SubObjectData属性,就像绑定到MainObjectName一样。它的工作方式完全相同,原因相同。