浅谈Silverlight2.0 beta1(5)DataGrid@Silverlight (一)
Silverlight2.0 beta1发布以后,很多新的功能都给了我们很多惊喜。上一次我大概介绍了一下在beta1中提出的DeepZoom技术用来实现图片展示的强大功能。这一次我来说下Siverlight中展示列表数据的方法——DataGrid。在Asp.net WinForm,WebForm,以及WPF中都有类似的列表控件比如datagrid,gridview,datalist或者repeater,那么在Silverlight中又要怎么使用DataGrid控件来展示列表数据呢?
初试DataGrid
先新建一个Silverlight项目以及Webserver启动工程。我们先来建个新的Silverlight Usercontrol ->DataGrid.xaml.打开DataGrid.xaml,从toolbox里面拖一个DataGrid进来。
我们可以注意到代码中发生了变化。
1.增加了命名空间xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" 用来引用DataGrid控件。
2.添加DataGrid控件:<my:DataGrid></my:DataGrid>
Silverlight中DataGrid有个很重要的属性ItemsSource。这个属性类似于Asp.net中的数据源Source,与WPF一样具有这些属性可以接受的数据类型包括实现IEnumable接口的数据类型比如List。
我们不妨来试着通过ItemsSource添加些数据进去。
HelloWorld,我们可以发现成功了。
我们来加一个数据类Data。利用C#3.0的新特性很快能写个简单的数据类。
完成后我们来看下执行结果。
还不错。如果我们想改变下DataGrid的显示效果呢,偶尔也来换个皮肤什么的还是不错的。
看下下面这些属性,和DataGrid显示相关的部分属性
1.RowBackground & AlternatingRowBackground
2.ColumnWidth & RowHeight
3.GridlinesVisibility & HeadersVisibility
4.IsReadOnly & CanUserResizeColumns
好吧。我们来简单的通过这些属性改变下DataGrid的样子吧(当然你也可以使用我前面写的Style Template来做到这些)
色彩不错:)...(别丢砖头)