浅谈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进来。

image

    我们可以注意到代码中发生了变化。

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添加些数据进去。

image

 

HelloWorld,我们可以发现成功了。

  我们来加一个数据类Data。利用C#3.0的新特性很快能写个简单的数据类。

image

image

完成后我们来看下执行结果。

image

     还不错。如果我们想改变下DataGrid的显示效果呢,偶尔也来换个皮肤什么的还是不错的。

看下下面这些属性,和DataGrid显示相关的部分属性

1.RowBackground & AlternatingRowBackground

2.ColumnWidth & RowHeight

3.GridlinesVisibility & HeadersVisibility

4.IsReadOnly & CanUserResizeColumns

好吧。我们来简单的通过这些属性改变下DataGrid的样子吧(当然你也可以使用我前面写的Style Template来做到这些)

image

色彩不错:)...(别丢砖头)

posted @ 2008-06-03 09:41  一瞬间  阅读(3299)  评论(14编辑  收藏  举报