F6 Team

最近看到很多人都在寫Silverlight的文章.讓小弟再忙也要來學學silverlight的技術.

這篇就拿一般常見的DataGrid控制項來說明如何整合其它控制項,像DatePicker,ComboBox

就直接由程式碼來講解..

Page.xaml

<UserControl xmlns:basics="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls" xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="SilverlightApplication1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:src="clr-namespace:SilverlightApplication1" Width="400" Height="300"> <UserControl.Resources > <src:AddressProvider x:Key="addressProvider"/> </UserControl.Resources> <Grid x:Name="LayoutRoot" Background="White"> <data:DataGrid x:Name="dg" AutoGenerateColumns="False"> <data:DataGrid.Columns> <data:DataGridTextColumn Header="姓名" Binding="{Binding Name}" /> <data:DataGridTemplateColumn Header="生日"> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <basics:DatePicker x:Name="dp" SelectedDate="{Binding Birthday}"></basics:DatePicker> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> <data:DataGridTemplateColumn Header="地址"> <data:DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox SelectedItem="{Binding Address}" ItemsSource="{Binding AddressList, Source={StaticResource addressProvider}}" > </ComboBox> </DataTemplate> </data:DataGridTemplateColumn.CellTemplate> </data:DataGridTemplateColumn> <data:DataGridCheckBoxColumn Header="Blog" Binding="{Binding Blog}" /> </data:DataGrid.Columns> </data:DataGrid> </Grid> </UserControl>

Page.xaml.cs

using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; namespace SilverlightApplication1 { public partial class Page : UserControl { public Page() { InitializeComponent(); List<Data> source = new List<Data>(); source.Add(new Data() { Name = "puma", Birthday = new DateTime(1981, 9, 24), Address = "台南", Blog = false }); source.Add(new Data() { Name = "F6 Team", Birthday = new DateTime(2008, 10, 10), Address = "台北", Blog = true }); dg.ItemsSource = source; } } public class Data { public string Name { get; set; } public DateTime Birthday { get; set; } public string Address { get; set; } public bool Blog { get; set; } } public class AddressProvider { public List<string> AddressList { get { return new List<string> { "台北", "台中", "台南", "高雄" }; } } } }

在Page.xaml要注意的是

xmlns:src="clr-namespace:SilverlightApplication1"

與

<UserControl.Resources > <src:AddressProvider x:Key="addressProvider"/> </UserControl.Resources>

主要是讓ComboBox的StaticResource使用

執行結果:

DatePicker

ComboBox

參考網址:

http://weblogs.asp.net/manishdalal/archive/2008/09/28/combobox-in-datagrid.aspx