您的位置:首页 > 产品设计 > UI/UE

Silverlight学习笔记四:如何通过自定义ComboBox实现SelectedValue

2009-01-06 11:24 633 查看
一、发现问题。
继续学习SL,这次用到了ComboBox,自带的ComboBox可以通过ItemSource和DisplayMemberPath来实现Items的数据绑定,DisplayMemberPath类似于Asp.net控件中的DataTextField,但是奇怪的是,ComboBox并没有提供类似与DataValueField这样的属性,也就是说,在使用SelectedItem的使用,我们无法像过去一样,直接赋一个值就可以让它选择对应的Item,现在的SelectedItem必须是ItemSource里面的一个对象,这样使用起来会非常的麻烦,比如说,我们让ComboBox绑定到Suppliers集合,DisplayMemberPath为CompanyName,这个时候,如果我们想通过SupplierID来指定ComboBox的SelectedItem时,就必须到ItemSource中,按照SupplierID来找到对应的Supplier对象,再把这个Supplier赋给SelectedItem才行。
所以这里又要骂微软了,真的不知道他们是怎么想的,学习SL这段时间来,感觉他们在做SL的时候,想的太理想化,像个科研产品,不适合商用。很多常用的功能都给他们改的面目全非,把简单问题复杂化。

二、解决问题。
要解决这个问题,我们需要自己动手来写一个新的ComboBox,并给它添加上SelectedValuePath和SelectedValue这两个属性。
这里参考了Jones的SilverLight ComboBox,这篇文章,原文在这里http://www.engineserver.com/silverlightcombobox/
代码基本上和他的一样,但是修改了他代码中的部分问题,使其更加像Asp.net中的DropDownList。

我们新建了一个类,让它继承ComboBox,并且添加了SelectedValuePathProperty和SelectedValueProperty。这样,我们就可以通过Binding来和数据库进行绑定了,我在用Jones的代码时,界面出现之后,ComboBox并不会按照SelectedValuePath来显示指定的数据,但是在手工选择ComboBox里面的Item只有,它就能很好的工作了,这个很奇怪的问题花了我不少时间,结果发现,在SetBinding的时候,虽然我们让其Bind到SelectedValueProperty上,但是系统并没有通过SelectedValue的Set来赋值,所以SelectedValue的Set的代码并不会执行,这就导致初始化的时候,ComboBox并不按照Bind的显示数据。
后来,我在SelectedValuePropertyChanged中,对SelectedValue进行了赋值,使其可以正确工作。

ok,基本上就这么多了,其实整个功能很简单。下面看代码:
自定义ComboBox的代码:

ComboBoxClassic
public class ComboBoxClassic : ComboBox
{
#region SelectedValuePathProperty
public static readonly DependencyProperty SelectedValuePathProperty =
DependencyProperty.Register("SelectedValuePath", typeof(string),
typeof(ComboBoxClassic), null);
public string SelectedValuePath
{
get
{
return (string)GetValue(ComboBoxClassic.SelectedValuePathProperty);
}
set
{
SetValue(ComboBoxClassic.SelectedValuePathProperty, value);
}
}
#endregion

#region SelectedValueProperty
public static DependencyProperty SelectedValueProperty =
DependencyProperty.Register("SelectedValue", typeof(object), typeof(ComboBoxClassic),
new PropertyMetadata(new PropertyChangedCallback(SelectedValuePropertyChanged)));
public object SelectedValue
{
get
{
return GetValue(SelectedValueProperty);
}
set
{
try
{
var q = (from item in Items
where item.GetType().GetProperty(SelectedValuePath).GetValue(item, null).Equals(value)
select item).Single();
SelectedItem = q;
}
catch
{
throw new Exception();
}
}
}
private static void SelectedValuePropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
{
(d as ComboBoxClassic).SelectedValue = e.NewValue;
}
#endregion

public ComboBoxClassic()
: base()
{
base.SelectionChanged += new SelectionChangedEventHandler(ComboBoxClassic_SelectionChanged);
}

void ComboBoxClassic_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
if (SelectedItem != null && !string.IsNullOrEmpty(SelectedValuePath))
{
try
{
SetValue(ComboBoxClassic.SelectedValueProperty, SelectedItem.GetType().GetProperty(SelectedValuePath).GetValue(SelectedItem, null));
var value = SelectedValue;
}
catch
{
throw new Exception();
}
}
}
}

调用的方法:
我们假设编写一个修改数据的窗体,传入ProductID后,在界面上显示多个TextBox和ComboBox,ComboBox中显示Suppliers的信息,并和Product中的SupplierID绑定。

先通WCF获取Suppliers数据,并绑定到ItemSource上。同时设置了DisplayMemberPath和SelectedValuePath属性。

void client_getAllSuppliersCompleted(object sender, getAllSuppliersCompletedEventArgs e)
{
cb.ItemsSource = e.Result;
cb.DisplayMemberPath = "CompanyName";
cb.SelectedValuePath = "SupplierID";
}

使用时,先获取Product信息,再绑定

void client_getProductCompleted(object sender, getProductCompletedEventArgs e)
{
products = e.Result;
//设置ComboBox所在的Grid的DataContext。
content.DataContext = products;
//设置Bind信息,让其和Product的SupplierID绑定。
//使用TwoWay,这样ComboBox在SelectedItem变动之后,会自动更新Product的SupplierID。
System.Windows.Data.Binding bind = new System.Windows.Data.Binding("SupplierID");
bind.Mode = System.Windows.Data.BindingMode.TwoWay;
cb.SetBinding(ComboBoxClassic.SelectedValueProperty, bind);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐