the Data Form in Silverlight

1. Create data entity

public class Person:INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; private string f<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName; private string lastName; private int age; public string F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName { get { return f<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName; } set { f<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName = value; OnPropertyChanged("F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName"); } } public string LastName { get { return lastName; } set { lastName = value; OnPropertyChanged("LastName"); } } public int Age { get { return age; } set { age = value; OnPropertyChanged("Age"); } } private void OnPropertyChanged(string propertyName) { if (PropertyChanged != null) { PropertyChanged(this,new PropertyChangedEventArgs(propertyName)); } } }

2. Define the dataform control,before doing this,you have to add the reference in the application

System.Windows.Controls.Data.DataForm.Toolkit

 

<Grid x:Name="LayoutRoot" Width="500" Height="500" Background="Gray"> <StackPanel Orientation="Vertical"> <!--CommandButtonsVisibility="Commit,Cancel,Edit,Add,Delete,Navigation" if you want all of them,you can simply set it to "All"--> <df:DataForm x:Name="MydataForm" ItemsSource="{Binding People}" AutoGenerateFields="False" Header="My test" AutoCommit="False" CommandButtonsVisibility="Commit,Navigation" AutoEdit="False"> <df:DataForm.HeaderTemplate> <DataTemplate> <StackPanel Orientation="Horizontal"> <TextBlock Text="员工信息表单"></TextBlock> </StackPanel> </DataTemplate> </df:DataForm.HeaderTemplate> <df:DataForm.EditTemplate> <DataTemplate> <StackPanel Background="Yellow"> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="姓："> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Text="{Binding F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName,Mode=TwoWay}"></Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="名："> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Text="{Binding LastName,Mode=TwoWay}"></Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="年龄："> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Text="{Binding Age,Mode=TwoWay}"></Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> </StackPanel> </DataTemplate> </df:DataForm.EditTemplate> <df:DataForm.ReadOnlyTemplate> <DataTemplate> <StackPanel Background="Red"> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="姓："> <TextBlock Text="{Binding F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName,Mode=TwoWay}"></TextBlock> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="名："> <TextBlock Text="{Binding LastName,Mode=TwoWay}"></TextBlock> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="年龄："> <TextBlock Text="{Binding Age,Mode=TwoWay}"></TextBlock> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> </StackPanel> </DataTemplate> </df:DataForm.ReadOnlyTemplate> <df:DataForm.NewItemTemplate> <DataTemplate> <StackPanel Background="Green"> <df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a> Label="姓："> <Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a> Text="{Binding F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName,Mode=TwoWay}"></Text<a href="/tag/Box/" target="_blank" class="keywords">Box</a>> </df:<a href="/tag/datafield/" target="_blank" class="keywords">datafield</a>> </StackPanel> </DataTemplate> </df:DataForm.NewItemTemplate> </df:DataForm> </StackPanel> </Grid>

 

3. this is the code behind

public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.Loaded += new RoutedEventHandler(MainPage_Loaded); } void MainPage_Loaded(object sender,RoutedEventArgs e) { this.DataContext = this; } ObservableCollection<Person> people; public ObservableCollection<Person> People { get { if (people == null) { people = new ObservableCollection<Person>(); people.Add(new Person(){ F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName="Fred",LastName="Smith",Age=21}); people.Add(new Person() { F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName = "Michael",LastName = "Jackson",Age = 50 }); people.Add(new Person() { F<a href="/tag/irs/" target="_blank" class="keywords">irs</a>tName = "David",LastName = "Backham",Age = 30 }); } return people; } } }