如何解决WPF数据绑定-我缺少什么?
| 我试图通过一个简单的示例来掌握WPF数据绑定的概念,但似乎我还没有完全理解所有的要点。 该示例是级联下拉菜单之一; XAML如下:<Window x:Class=\"CascadingDropDown.MainWindow\"
xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"
xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\"
Title=\"MainWindow\" Height=\"496\" Width=\"949\" Loaded=\"Window_Loaded\">
<Grid>
<ComboBox Name=\"comboBox1\" ItemsSource=\"{Binding}\" DisplayMemberPath=\"Key\" SelectionChanged=\"comboBox1_SelectionChanged\" />
<ComboBox Name=\"comboBox2\" ItemsSource=\"{Binding}\" DisplayMemberPath=\"Name\" />
</Grid>
</Window>
这是形式的代码:
public partial class MainWindow : Window
{
private ObservableCollection<ItemA> m_lstItemAContext = new ObservableCollection<ItemA>();
private ObservableCollection<ItemB> m_lstItemBContext = new ObservableCollection<ItemB>();
private IEnumerable<ItemB> m_lstAllItemB = null;
public MainWindow()
{
InitializeComponent();
this.comboBox1.DataContext = m_lstItemAContext;
this.comboBox2.DataContext = m_lstItemBContext;
}
private void Window_Loaded(object sender,RoutedEventArgs e)
{
var lstItemA = new List<ItemA>() { new ItemA(\"aaa\"),new ItemA(\"bbb\"),new ItemA(\"ccc\") };
var lstItemB = new List<ItemB>() { new ItemB(\"aaa\",\"a11\"),new ItemB(\"aaa\",\"a22\"),new ItemB(\"bbb\",\"b11\"),\"b22\") };
initPicklists(lstItemA,lstItemB);
}
private void initPicklists(IEnumerable<ItemA> lstItemA,IEnumerable<ItemB> lstItemB)
{
this.m_lstAllItemB = lstItemB;
this.m_lstItemAContext.Clear();
lstItemA.ToList().ForEach(a => this.m_lstItemAContext.Add(a));
}
#region Control event handlers
private void comboBox1_SelectionChanged(object sender,SelectionChangedEventArgs e)
{
ComboBox ddlSender = (ComboBox)sender;
ItemA itemaSelected = (ItemA)ddlSender.SelectedItem;
var lstNewItemB = this.m_lstAllItemB.Where(b => b.KeyA == itemaSelected.Key);
this.m_lstItemBContext.Clear();
lstNewItemB.ToList().ForEach(b => this.m_lstItemBContext.Add(b));
}
private void comboBox2_?(object sender,?EventArgs e)
{
// disable ComboBox if empty
}
#endregion Control event handlers
}
这些是我的数据类:
class ItemA
{
public string Key { get; set; }
public ItemA(string sKey)
{
this.Key = sKey;
}
}
class ItemB
{
public string KeyA { get; set; }
public string Name { get; set; }
public ItemB(string sKeyA,string sName)
{
this.KeyA = sKeyA;
this.Name = sName;
}
}
因此,只要在comboBox1中选择了一个项目,就应该在comboBox2中显示适当的项目。尽管我不确定重新填充各自的ObservableCollection的方式是否理想,但这正在使用当前代码。
我无法实现的实际上是对comboBox2的基础集合中的更改做出反应,例如,当列表为空时(即,在comboBox1中选择\“ ccc \”时)停用控件。
当然,我可以在ObservableCollection的CollectionChanged事件上使用事件处理程序,该事件处理程序在此示例中有效,但在更复杂的情况下,其中ComboBox的DataContext可能更改为完全不同的对象(并且可能返回) ,这意味着双重依赖-我将不仅要切换DataContext,而且还要来回切换事件处理程序。这对我来说似乎不对,但是我可能对此完全错了。
基本上,我要寻找的是控件上触发的事件,而不是基础列表。不是ObservableCollection宣布“我的内容已更改”,而是ComboBox告诉我“我的项目发生了什么”。
我需要做什么,或者我必须在哪里纠正对整个概念的理解?
解决方法
这是实现这一目标的一种更简洁的方法(也许不是最优化的方法),保持您的业务模型不变,并且仅在可能的情况下使用ViewModel和XAML:
查看模型:
public class WindowViewModel : INotifyPropertyChanged
{
private ItemA selectedItem;
private readonly ObservableCollection<ItemA> itemsA = new ObservableCollection<ItemA>();
private readonly ObservableCollection<ItemB> itemsB = new ObservableCollection<ItemB>();
private readonly List<ItemB> internalItemsBList = new List<ItemB>();
public WindowViewModel()
{
itemsA = new ObservableCollection<ItemA> { new ItemA(\"aaa\"),new ItemA(\"bbb\"),new ItemA(\"ccc\") };
InvokePropertyChanged(new PropertyChangedEventArgs(\"ItemsA\"));
internalItemsBList = new List<ItemB> { new ItemB(\"aaa\",\"a11\"),new ItemB(\"aaa\",\"a22\"),new ItemB(\"bbb\",\"b11\"),\"b22\") };
}
public ObservableCollection<ItemA> ItemsA
{
get { return itemsA; }
}
public ItemA SelectedItem
{
get { return selectedItem; }
set
{
selectedItem = value;
ItemsB.Clear();
var tmp = internalItemsBList.Where(b => b.KeyA == selectedItem.Key);
foreach (var itemB in tmp)
{
ItemsB.Add(itemB);
}
InvokePropertyChanged(new PropertyChangedEventArgs(\"SelectedItem\"));
}
}
public ObservableCollection<ItemB> ItemsB
{
get { return itemsB; }
}
public event PropertyChangedEventHandler PropertyChanged;
public void InvokePropertyChanged(PropertyChangedEventArgs e)
{
PropertyChangedEventHandler handler = PropertyChanged;
if (handler != null) handler(this,e);
}
}
背后的代码:
public partial class Window1
{
public Window1()
{
InitializeComponent();
DataContext = new WindowViewModel();
}
}
和XAML:
<StackPanel>
<ComboBox Name=\"comboBox1\" ItemsSource=\"{Binding ItemsA}\" DisplayMemberPath=\"Key\" SelectedItem=\"{Binding SelectedItem,Mode=TwoWay}\" />
<ComboBox Name=\"comboBox2\" ItemsSource=\"{Binding ItemsB}\" DisplayMemberPath=\"Name\">
<ComboBox.Style>
<Style TargetType=\"{x:Type ComboBox}\">
<Setter Property=\"IsEnabled\" Value=\"true\"/>
<Style.Triggers>
<DataTrigger Binding=\"{Binding ItemsB.Count}\" Value=\"0\">
<Setter Property=\"IsEnabled\" Value=\"false\"/>
</DataTrigger>
</Style.Triggers>
</Style>
</ComboBox.Style>
</ComboBox>
</StackPanel>
复制粘贴这应该工作。
一些随机的想法:
1)在WPF中,尝试始终使用MVVM模式,不要将代码放在事件处理程序的代码隐藏文件中。对于用户操作(如按钮单击),请使用“命令”模式。对于其他命令不可用的用户操作,请在“绑定方式”中进行尽可能多的考虑:您可以做很多事情,因为您可以从VM属性设置器中的视图中拦截事件(在本示例中,我使用SelectedItem
属性设置器)。
2)尽可能多地使用XAML。 WPF框架提供了非常强大的绑定和触发器系统(在您的示例中,启用combobox不需要任何C#行)。
3)使ObservableCollection由视图模型通过绑定公开给视图。它们还应与您可以在视图模型中处理的CollectionChanged事件一起使用。充分利用这一点(在您的示例中,我在VM中使用Observable集合进行播放,应该在该位置进行播放,并且集合中的任何更改都将通过DataBinding反映在视图中)。
希望这会有所帮助!
, 基本上,我要寻找的是控件上触发的事件,而不是基础列表。不是ObservableCollection宣布“我的内容已更改”,而是ComboBox告诉我“我的项目发生了什么”
如果您想使用MVVM模式,那么我会拒绝。不是控件应该提供信息,而是您的视图模型应该提供信息。
首先,采取ObservableCollection是一个好步骤。在您特殊的情况下,我将考虑仅使用ItemA创建一个列表,并且将一个ItemB类型的新List属性添加到ItemA。
class ItemA
{
public string Key { get; set; }
public ItemA(string sKey)
{
this.Key = sKey;
}
public IEnumerable<ItemB> ListItemsB { get; set;}
}
我认为ItemA是父母?
class ItemB
{
public string Name { get; set; }
public ItemB(string sName)
{
this.Name = sName;
}
}
您有一个ItemA的集合,每个ItemA都有其自己的从属ItemB列表。
<ComboBox x:Name=\"cbo_itemA\" ItemsSource=\"{Binding ListItemA}\" DisplayMemberPath=\"Key\"/>
<ComboBox ItemsSource=\"{Binding ElementName=cbo_itemA,Path=SelectedItem.ListItemsB}\"
DisplayMemberPath=\"Name\" />
,您需要钥匙收藏吗?如果不是,我建议通过ѭ10分组从项目动态创建它:
private ObservableCollection<object> _Items = new ObservableCollection<object>()
{
new { Key = \"a\",Name = \"Item 1\" },new { Key = \"a\",Name = \"Item 2\" },new { Key = \"b\",Name = \"Item 3\" },new { Key = \"c\",Name = \"Item 4\" },};
public ObservableCollection<object> Items { get { return _Items; } }
<StackPanel>
<StackPanel.Resources>
<CollectionViewSource x:Key=\"ItemsSource\" Source=\"{Binding Items}\">
<CollectionViewSource.GroupDescriptions>
<PropertyGroupDescription PropertyName=\"Key\"/>
</CollectionViewSource.GroupDescriptions>
</CollectionViewSource>
</StackPanel.Resources>
<StackPanel.Children>
<ComboBox Name=\"keyCb\" ItemsSource=\"{Binding Source={StaticResource ItemsSource},Path=Groups}\" DisplayMemberPath=\"Name\"/>
<ComboBox ItemsSource=\"{Binding ElementName=keyCb,Path=SelectedItem.Items}\" DisplayMemberPath=\"Name\"/>
</StackPanel.Children>
</StackPanel>
第一个组合框显示按“ 13”属性分组生成的键,第二个组合框绑定到第一个组合框中所选项的子项,显示项的“ 14”。
另请参见CollectionViewGroup
参考,在第一笔CB中,我将Name
用于第二个Items
。
当然,您也可以通过将项嵌套在键对象中来手动创建这些键组。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。