(牛人莫入) Silverlight 3 之控件DataGrid
2009-08-07 16:25
225 查看
在上一篇文章中讲到了数据展示控件DataForm简单的用法,接下来将代给大家另一个数据展示的控件DataGrid;
它的用法也很简单;
说明:本篇内容是自身的学习笔记,提供学习SL的朋友,只供参考;
阅读对象:只针对SL的初学者阅读,如果你是牛人请绕道而行;谢谢;
开发环境:VS2008 + SP1 ,SL3,windos Server 2003(全为中文版)
一、最终运行结果如下:
1.自定义列头
2.默认列头
3.列头拉到
二、开发步骤
1.打开VS 2008 新建一个SL 的项目文件,并在MainPage.xaml文件中添加如下代码;
2.新建一个数据访问类,取名为Customer,代码如下:
这个地方有一点像ASP.NET 中的DataGrid的数据绑定,也是创建一个模板列的数据;
参数说明:
控件的属性很多,在这里就不为每一个属性说明;
三、结束语
DataGrid控件在项目中用得非常的广泛,在用的时候它自身提供的东西很少,不能满足大家不同项目中的要求,所以往往
在项目中还得对控件进行扩展满足自己的要求;本示例就没有更层次的去写,只是代给大家和自身的一个入门级的DEMO,希望对刚接足SL的新朋友有所帮助;
它的用法也很简单;
说明:本篇内容是自身的学习笔记,提供学习SL的朋友,只供参考;
阅读对象:只针对SL的初学者阅读,如果你是牛人请绕道而行;谢谢;
开发环境:VS2008 + SP1 ,SL3,windos Server 2003(全为中文版)
一、最终运行结果如下:
1.自定义列头
2.默认列头
3.列头拉到
二、开发步骤
1.打开VS 2008 新建一个SL 的项目文件,并在MainPage.xaml文件中添加如下代码;
<data:DataGrid x:Name="MyDataGrid" Width="390" Height="300" ItemsSource="{Binding}" AutoGenerateColumns="True" > </data:DataGrid>
参数说明:
AutoGenerateColumns | 自动生成列头 |
ItemsSource | 绑定数据 |
public class Customer { public string UserName { get; set; } public Sex UserSex { get; set; } public string UserAddress { get; set; } } public enum Sex { male, female
}
3.对后台数据的绑定,示例代码如下:
public void BindDataGrid() { System.Collections.ObjectModel.ObservableCollection<Customer> customer = new System.Collections.ObjectModel.ObservableCollection<Customer>(); customer.Add(new Customer() { UserAddress = "四川", UserName = "曹代明", UserSex = Sex.male }); customer.Add(new Customer() { UserAddress = "北京", UserName = "李四", UserSex = Sex.female }); customer.Add(new Customer() { UserAddress = "天津", UserName = "张三", UserSex = Sex.male }); customer.Add(new Customer() { UserAddress = "西安", UserName = "王伍", UserSex = Sex.male }); customer.Add(new Customer() { UserAddress = "台湾", UserName = "杨七", UserSex = Sex.female }); MyDataGrid.DataContext = customer; }
二、自定义列头,代码如下:
<Grid x:Name="LayoutRoot"> <data:DataGrid x:Name="MyDataGrid" Width="390" Height="300" ItemsSource="{Binding}" AutoGenerateColumns="False" CanUserResizeColumns="False" CanUserSortColumns="False" ColumnHeaderHeight="50" ColumnWidth="130"> <data:DataGrid.Columns > <data:DataGridTextColumn Header="姓名" Binding="{Binding UserName}"/> <data:DataGridTextColumn Header="性别" Binding="{Binding UserSex}"/> <data:DataGridTextColumn Header="地址" Binding="{Binding UserAddress}"/> </data:DataGrid.Columns> </data:DataGrid> </Grid>
这个地方有一点像ASP.NET 中的DataGrid的数据绑定,也是创建一个模板列的数据;
参数说明:
CanUserResizeColumns | 垃动列头,默认为TRUE |
CanUserSortColumns | 排序,默认为TRUE |
ColumnHeaderHeight | 列头的高度 |
ColumnWith | 列头的宽度 |
Binding | 数据绑定 {Binding}全部数据,{Binding 字段}表示绑定指定的字段 |
三、结束语
DataGrid控件在项目中用得非常的广泛,在用的时候它自身提供的东西很少,不能满足大家不同项目中的要求,所以往往
在项目中还得对控件进行扩展满足自己的要求;本示例就没有更层次的去写,只是代给大家和自身的一个入门级的DEMO,希望对刚接足SL的新朋友有所帮助;
相关文章推荐
- (牛人莫入) Silverlight 3 之控件 DataForm
- 牛人莫入 Silverlight 4 DataGrid Before add Number
- 牛人莫入 Silverlight DataGrid 分组技巧
- Silverlight控件DataGrid自定义模板(DataGridTextColumn.ElementStyle)实现居中对齐等复杂界面
- silverlight之How To:设置ComboBox控件的数据源当ComboBox用来作为DataGrid的某列的编辑控件时
- Silverlight控件用法合集DataGrid,ComboBox,DataPick,CheckBox,RadioButtonSilverlight控件用法合集DataGrid,ComboBox,DataPick,CheckBox,RadioButton
- silverlight datagrid表头添加控件
- 稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image
- (牛人莫入)Silverlight 3.0 关于窗体的跳转解决方案
- 稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image
- silverlight之How To:设置ComboBox控件的数据源当ComboBox用来作为DataGrid的某列的编辑控件时
- 稳扎稳打Silverlight(4) - 2.0控件之DataGrid, DatePicker, Grid, GridSplitter, HyperlinkButton, Image
- Silverlight控件DataGrid自定义模板(DataGridTextColumn.ElementStyle)实现居中对齐等复杂界面
- 稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强
- 推荐一款Silverlight数据列表控件----AgDataGrid
- Silverlight中Datagrid控件自定义列头样式Demo
- Silverlight学习笔记三:表格控件DataGrid
- (牛人莫入)Silverlight 独立文件存储
- 稳扎稳打Silverlight(36) - 3.0控件之TreeView, ListBox增强, DataGrid增强, MediaElement增强
- 推荐一款Silverlight数据列表控件----AgDataGrid