[英]How do you bind an observable collection to a listview located in a modal/window?
[英]How do you bind user control properties to properties of an observable object contained in observable collection
我正在使用 MVVMLight 并且需要能够在视图初始化期间对大约 12 个切换框的属性进行编程编辑。 由于它们太多,我想遍历链接的属性,我尝试使用ObservableCollection
的ObservableObject
其中包含要绑定到切换按钮属性的值。 我不确定这是绑定问题还是从ObservableObject
继承的INotifyPropertyChanged
接口的错误实现。
这是包含我希望绑定到的属性的类:
public class CavitySelect : ObservableObject
{
private string _Text;
public string Text
{
get { return _Text; }
set
{
_Text = value;
RaisePropertyChanged("Text");
}
}
private bool _Visible;
public bool Visible
{
get { return _Visible; }
set
{
_Visible = value;
RaisePropertyChanged("Visible");
}
}
private bool _Toggle;
public bool Toggle
{
get { return _Toggle; }
set
{
_Toggle = value;
RaisePropertyChanged("Toggle");
}
}
public CavitySelect()
{
Text = "";
Visible = false;
Toggle = false;
}
}
这是我的ObservableCollection
的实例化:
private ObservableCollection<CavitySelect> _CavTogglesProperties;
public ObservableCollection<CavitySelect> CavTogglesProperties
{
get { return _CavTogglesProperties; }
set
{
_CavTogglesProperties = value;
RaisePropertyChanged("CavTogglesProperties");
}
}
public MyViewModel()
{
this.CavTogglesProperties = GetCavities();
}
public ObservableCollection<CavitySelect> GetCavities()
{
CavitySelect t11 = new CavitySelect();
CavitySelect t12 = new CavitySelect();
CavitySelect t13 = new CavitySelect();
CavitySelect t14 = new CavitySelect();
CavitySelect t15 = new CavitySelect();
CavitySelect t16 = new CavitySelect();
CavitySelect t26 = new CavitySelect();
CavitySelect t21 = new CavitySelect();
CavitySelect t22 = new CavitySelect();
CavitySelect t23 = new CavitySelect();
CavitySelect t24 = new CavitySelect();
CavitySelect t25 = new CavitySelect();
ObservableCollection<CavitySelect> temp = new ObservableCollection<CavitySelect>() {t11,t12,t13,t14,t15,t16,t21,t22,t23,t24,t25,t26};
return temp;
}
这是我尝试绑定它的方式:
<Window.Resources>
<BooleanToVisibilityConverter x:Key="BoolToVisibilty"/>
</Window.Resources>
<Grid Background="#FFF4F4F5" Margin="8,165,8,8" DataContext="{Binding CavTogglesProperties}">
<ToggleButton DataContext="{Binding t11}" Content="{Binding Text}" IsChecked="{Binding Toggle}" Visibility="{Binding Visible,Converter={StaticResource BoolToVisibilty}}"/>
</Grid>
我已经确认 View 到 ViewModel 类的绑定工作正常。 我也尝试过绑定而不先设置包含网格的DataContext
,例如:
<ToggleButton DataContext="{Binding CavTogglesProperties[t11]}" ... />
澄清一下:每个 CavitySelect 项都与 GridView 中的一个切换按钮相关,并且属性将根据未显示的输入进行初始化。
你的问题并没有说得很清楚,但我相信你想在你的 UI 中显示一个项目列表; 但是,正如当前实现的那样,您的 XAML 确实结构化为显示单个项目。
要显示列表,您需要查看各种集合视图中的任何一种(例如ListView 、 GridView等)。
例如:
<Window.Resources>
<BooleanToVisibilityConverter x:Key="BoolToVisibilty"/>
</Window.Resources>
<Grid Background="#FFF4F4F5" Margin="8,165,8,8">
<ListView ItemsSource="{Binding CavTogglesProperties}">
<ListView.ItemTemplate>
<DataTemplate>
<ToggleButton Content="{Binding Text}" IsChecked="{Binding Toggle}" />
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</Grid>
要仅显示特定项目,您应该在 ViewModel 中过滤列表,而不是绑定可见性。 如果可见的项目在显示时没有改变,只需在填充列表时过滤列表。
但是,如果可见性会发生变化并且您希望视图反映这些变化,请查看为您的项目源实现过滤器,如以下问题中所述: 如何在 WPF 中过滤 ListView? .
由于您已经在使用 ObservableCollection 和 ObservableObject,所以一切都应该自动更新。
如果我读错了您的问题并且您想知道如何显示集合中的单个项目,则有几种不同的方法可以解决这个问题:
不过,我强烈建议使用选项 1,因为它最符合 MVVM,生成最干净和最可测试的代码。
例如:
private ObservableCollection<CavitySelect> _CavTogglesProperties;
public ObservableCollection<CavitySelect> CavTogglesProperties
{
get { return _CavTogglesProperties; }
set
{
_CavTogglesProperties = value;
RaisePropertyChanged("CavTogglesProperties");
}
}
private CavitySelect _SpecificCavToggle;
public CavitySelect SpecificCavToggle
{
get { return _SpecificCavToggle; }
set
{
_SpecificCavToggle= value;
RaisePropertyChanged("SpecificCavToggle");
}
}
public MyViewModel()
{
this.CavTogglesProperties = GetCavities();
this.SpecificCavToggle = this.CavTogglesProperties[0];
}
public ObservableCollection<CavitySelect> GetCavities()
{
CavitySelect t11 = new CavitySelect();
CavitySelect t12 = new CavitySelect();
CavitySelect t13 = new CavitySelect();
CavitySelect t14 = new CavitySelect();
CavitySelect t15 = new CavitySelect();
CavitySelect t16 = new CavitySelect();
CavitySelect t26 = new CavitySelect();
CavitySelect t21 = new CavitySelect();
CavitySelect t22 = new CavitySelect();
CavitySelect t23 = new CavitySelect();
CavitySelect t24 = new CavitySelect();
CavitySelect t25 = new CavitySelect();
ObservableCollection<CavitySelect> temp = new ObservableCollection<CavitySelect>() {t11,t12,t13,t14,t15,t16,t21,t22,t23,t24,t25,t26};
return temp;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.