Silverlight Telerik控件学习:GridView双向绑定

来源：互联网发布：ubuntu主题包编辑：程序博客网时间：2024/05/01 04:20

做过WinForm数据库开发的人，一定有类似经历：DataGrid绑定后，如果允许行编辑，数据一顿修改后，想批量保存修改后的结果，通常是将DataGrid的所有行遍历，用FindControl找出其中的TextBox之类的控件，取值，然后处理，如果行模板中的控件变化了，可能之前的处理代码又要修改...

.Net发展到WPF/SL时代，有了双向绑定，这种痛苦经历已经一去不返了，我们只需要关注数据即可，GridView与数据源之间会相互通知各自的变化情况，批量保存时，不管GridView中的数据用户如何修改，也不用去理会行模板中的控件名是啥，直接对数据源进行处理即可。

Xaml示例：

+ View Code?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<UserControlxmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"  x:Class="SLShortCut.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
 
    <StackPanelx:Name="LayoutRoot" Background="White">
        <telerik:RadGridView ShowGroupPanel="False" AutoGenerateColumns="False" x:Name="grd1" ItemsSource="{Binding Path=LstData, Mode=TwoWay}" SelectionMode="Extended">
            <telerik:RadGridView.Columns>
                <telerik:GridViewSelectColumn />
                <telerik:GridViewColumnHeader="姓名">
                    <telerik:GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBoxx:Name="txtName" Text="{Binding Name,Mode=TwoWay}" VerticalAlignment="Center" Height="22"></TextBox>
                        </DataTemplate>
                    </telerik:GridViewColumn.CellTemplate>
                </telerik:GridViewColumn>
                 
                <telerik:GridViewColumnHeader="年龄">
                    <telerik:GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <TextBoxx:Name="txtAge" Text="{Binding Age,Mode=TwoWay}" VerticalAlignment="Center" Height="22"></TextBox>
                        </DataTemplate>
                    </telerik:GridViewColumn.CellTemplate>
                </telerik:GridViewColumn>
                 
                <telerik:GridViewColumnHeader="操作">
                    <telerik:GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <StackPanelOrientation="Horizontal">
                                <telerik:RadButtonContent="+" Width="20" Height="20" VerticalAlignment="Center"  x:Name="btnAdd" Click="btnAdd_Click"/>
                                <telerik:RadButtonContent="-" Margin="5,0,0,0" Width="20" Height="20" VerticalAlignment="Center" x:Name="btnSub" Click="btnSub_Click"/>
                            </StackPanel>
                        </DataTemplate>
                    </telerik:GridViewColumn.CellTemplate>
                </telerik:GridViewColumn>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
        <telerik:RadButtonHeight="22" Width="100"  Margin="0,10,0,0" x:Name="btnSave" Click="btnSave_Click">全部保存</telerik:RadButton>
    </StackPanel>
</UserControl>

Xaml.cs部分

+ View Code?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
usingSystem.Collections.ObjectModel;
usingSystem.ComponentModel;
usingSystem.Windows;
usingSystem.Windows.Controls;
usingTelerik.Windows.Controls;
 
namespaceSLShortCut
{
    publicpartial classMainPage : UserControl
    {
        PersonCollection pc =new PersonCollection();
 
        publicMainPage()
        {
            InitializeComponent();
            this.Loaded +=new RoutedEventHandler(MainPage_Loaded);
        }
 
        voidMainPage_Loaded(objectsender, RoutedEventArgs e)
        {
            pc.LstData.Add(newPerson() { Name = "张三", Age = 1 });
            pc.LstData.Add(newPerson() { Name = "李四", Age = 2 });
 
            this.DataContext = pc;
        }
 
        privatevoid btnAdd_Click(objectsender, RoutedEventArgs e)
        {
            pc.LstData.Add(newPerson() { });
        }
 
        privatevoid btnSub_Click(objectsender, RoutedEventArgs e)
        {
            varp = (sender asRadButton).DataContext asPerson;
            pc.LstData.Remove(p);
 
        }
 
        privatevoid btnSave_Click(objectsender, RoutedEventArgs e)
        {
            foreach(var item in this.pc.LstData)
            {
                MessageBox.Show(string.Format("Name:{0},Age:{1}", item.Name, item.Age));
            }
        }
    }
 
    publicclass PersonCollection
    {
        privateObservableCollection<Person> lstData = newObservableCollection<Person>();
 
        publicObservableCollection<Person> LstData
        {
            get{ return lstData; }
            set{ lstData = value; }
        }
    }
 
    publicclass Person : INotifyPropertyChanged
    {
 
        publicevent PropertyChangedEventHandler PropertyChanged;
 
        privatestring _name = "";
 
        publicstring Name
        {
            get{ return _name; }
            set
            {
                _name = value;
                if(PropertyChanged != null)
                {
                    PropertyChanged(this,new PropertyChangedEventArgs("Name"));
                }
            }
        }
 
        privateint _age = 0;
 
        publicint Age
        {
            get{ return _age; }
            set
            {
                _age = value;
                if(PropertyChanged != null)
                {
                    PropertyChanged(this,new PropertyChangedEventArgs("Age"));
                }
            }
        }
 
 
    }
}

代码比较简短，就懒得写注释了

作者：菩提树下的杨过
出处：http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

0 0