ItemsControl只显示第一个项目

本文关键字:项目 第一个 显示 ItemsControl | 更新日期: 2023-09-27 17:59:03

我怀疑问题的答案很简单,但我仔细查看了论坛,似乎找不到任何相同的东西。

我有一个相当复杂的绑定结构,在远端有一个ItemsControl,但它只显示第一个项。我可以看到代码侧的数据是正确的,只包含8个项目,第一个项目显示正确,所有标签和颜色都符合要求。

逻辑侧结构如下:

  • MainWindow分部类
    • 水采样器类的可观测采集
      • ParametersClass(类的单个实例)
        • ObservableCollection of bottleStateClass
          • int数字(属性)
          • 字符串标签(属性)

XAML结构类似于:

  • MainWindow分部类
    • ControlTemplate GroupBox(代码中列表集的DataContext WaterSampler实例)
      • DataTemplate包含使用bottleState控件模板的按钮
      • ItemsControl使用DataTemplate显示大量瓶颈状态
    • ControlTemplate,包含ItemsControl中使用的按钮的装饰

以下是代码的简化版本:

Items控件及其数据模板,其数据上下文是WaterSampler的实例。

<ControlTemplate x:Key="WaterSamplerGroupBoxTemplate" TargetType="{x:Type GroupBox}" >
   <GroupBox Header="{Binding Path=Header}" Width="300" Margin="10,5,10,0" HorizontalAlignment="Center">
    <StackPanel Orientation="Horizontal">
      <StackPanel.Resources>
         <DataTemplate x:Key="BottleStateDataTemplate">
               <Button Template="{DynamicResource ValveStatusTemplate}" />
         </DataTemplate>
      </StackPanel.Resources>
    <ItemsControl Name="bottleStateListBox" ItemTemplate="{StaticResource BottleStateDataTemplate}" Margin="5" Height="50" ItemsSource="{Binding BottleIsFullList}" DataContext="{Binding Parameters}"/>
    </StackPanel>
  </GroupBox>
</ControlTemplate>

简化的按钮控制模板:

<ControlTemplate x:Key="ValveStatusTemplate" TargetType="{x:Type Button}" >
      <StackPanel Orientation="Vertical" Width="30" Margin="5" >           
           <TextBlock Text="{Binding Number}" FontSize="18" Canvas.Left="8"/>
      </StackPanel>
</ControlTemplate>

保存项目模板数据的类:

public class DisplayBottleStateClass : INotifyPropertyChanged
{
    private int number;
    public int Number
    {
        get { return number; }
    }
}

包含DisplayBottleClass:列表的类

public class WSParametersClass : INotifyPropertyChanged
{
    private List<DisplayBottleStateClass> bottleIsFullList = new List<DisplayBottleStateClass>();
    public List<DisplayBottleStateClass> BottleIsFullList
    {
        get { return bottleIsFullList; }
    }
}

包含参数类的类:

public class WaterSampler : INotifyPropertyChanged
{
    private WSParametersClass parameters = new WSParametersClass();
    public WSParametersClass Parameters
    {
        get { return parameters; }
        set { parameters = value; OnPropertyChanged("Parameters"); }
    }
}

最后是MainWindow类:

public partial class MainWindow : Window
{
    public class WaterSamplerListClass : ObservableCollection<WaterSampler> { }
    private WaterSamplerListClass waterSamplers = new WaterSamplerListClass();
    public MainWindow()
    {
        waterSamplers.Add(new WaterSampler(0));
        WaterSampler0Group.DataContext = (waterSamplers[0]);
    }
}

我使用的两个笔刷确实出现了绑定错误,但当我在XAML中用固定值替换它们时,仍然只显示第一个元素。列表似乎也通过绑定正确更新,因为我可以看到第一个元素正确更改。我得到的错误是:

系统。Windows。数据错误:2:找不到目标元素的管理FrameworkElement或FrameworkContentElement。BindingExpression:Path=GradientStopHighlight;DataItem=null;目标元素是"GradientStop"(哈希代码=23577486);目标属性是"Color"(类型为"Color")

欢迎提出任何建议。

非常感谢

Ed

ItemsControl只显示第一个项目

您的ItemsControl同时声明ItemsSource和DataContext。我相信这两个属性是互斥的——设置DataContext属性会断开控件与逻辑控件树相关数据的连接。

删除DataContext=数据绑定,我想您会看到ItemsSource中的项出现在ItemsControl中。

另外,请注意ItemsControl本身并没有提供任何UI定义。出于调试目的,可以放入ListBox或其他具体ItemsControl,并为其提供相同的数据绑定设置,以验证数据绑定是否正常。如果ItemsControl除了ListBox之外什么都不显示,那么问题不在于数据绑定,而在于ItemsControl视觉效果的模板化。

尝试在ItemsControlItemsPanelTemplate.ItemsStackPanel上设置CacheLength属性。

MSDN定义的CacheLength

视口外项目的缓冲区大小,以倍数表示视口大小的。默认值为4.0。

备注

为了提高滚动性能,ItemsStackPanel为屏幕外打开的项目创建并缓存项目容器视口的两侧。CacheLength属性指定屏幕外项目的缓冲区大小。指定CacheLength以当前视口大小的倍数表示。例如,如果CacheLength为4.0,每个视口缓冲两个项目视口的一侧。可以设置较小的缓存长度以进行优化启动时间,或设置更大的缓存大小以优化滚动表演屏幕外的项目容器在优先级低于视口中的优先级。