EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改

关于EF、SL、DomainDataSource的说明园子上够多了,这儿就不多说了。

    1.安装VS2010与Silverlight 4 Tools……

    2.打开VS2010,新键Silverlight项目,如图一所示:

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第1张图片

图1.新键项目

    注:请选中"启用WCF RIA服务"的CheckBox.

    建立好项目后,解决方案里的文件如图2所示:

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第2张图片

图2.解决方案文件结构

    3.在SilverlightApplication.Web里,添加Entity Framework的数据库映射文件,这儿我以自己数据库的一个表所为示例,如图3与图3所示:

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第3张图片

图3.新建"Ado.Net实体数据模型"

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第4张图片 

图4.从数据库生成模型

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第5张图片

图5.选择要映射的数据库

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第6张图片

图6.从数据库选择要映射的对象

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第7张图片

图7.映射完成

    4.在添加完数据库映射文件后,对项目进行一次编译(快捷键F6),才能让第5步要添加的Domain Service Class读取到相关的EF实体类。

    5.添加Domain Service Class(图8),通过Domain Service Class,SL就可以与服务器进行通信,替代了原来的WCF作为中间层的解决方案,并选择相关的表与权限(图9)。

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第8张图片

图8.添加Domain Service Class

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第9张图片

图9.选择Domain Service Class可操作的表

    到此,前期准备工作完成。下面,我们就开始对SL的页面进行布局、放控件等操作。

  6.布局页面,页面上的控件有:一个DataGrid,一个DataPager,两个Button(一个确定更改一个取消更改),并设置DataGrid的列信息。布局图如图10,代码请代码1。

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第10张图片

图10.页面布局

 

XAML
   
   
< UserControl x:Class ="SilverlightApplication.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"
xmlns:sdk ="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" >

< Grid x:Name ="LayoutRoot" Background ="White" >
< Grid.ColumnDefinitions >
< ColumnDefinition Width ="*" />
< ColumnDefinition Width ="60" />
< ColumnDefinition Width ="60" />
</ Grid.ColumnDefinitions >
< Grid.RowDefinitions >
< RowDefinition Height ="*" />
< RowDefinition Height ="25" />
</ Grid.RowDefinitions >
< sdk:DataGrid AutoGenerateColumns ="False" Grid.ColumnSpan ="3" Name ="dataGrid1" >
< sdk:DataGrid.Columns >
< sdk:DataGridTextColumn Header ="标识" Binding =" {Binding ID,Mode=TwoWay} " />
< sdk:DataGridTextColumn Header ="国家" Binding =" {Binding Country,Mode=TwoWay} " Width ="*" />
< sdk:DataGridTextColumn Header ="省份" Binding =" {Binding Province,Mode=TwoWay} " />
< sdk:DataGridTextColumn Header ="市/区" Binding =" {Binding City,Mode=TwoWay} " />
< sdk:DataGridTextColumn Header ="地域" Binding =" {Binding Area,Mode=TwoWay} " />
< sdk:DataGridTextColumn Header ="邮编" Binding =" {Binding PostCode,Mode=TwoWay} " />
< sdk:DataGridTextColumn Header ="区域码" Binding =" {Binding AreaCode,Mode=TwoWay} " />
</ sdk:DataGrid.Columns >
</ sdk:DataGrid >
< sdk:DataPager Grid.Row ="1" Name ="dataPager1" PageSize ="10" />
< Button Content ="提交修改" Grid.Column ="1" Grid.Row ="1" Name ="btnSubmit" />
< Button Content ="取消修改" Grid.Column ="2" Grid.Row ="1" Name ="btnCancl" />
</ Grid >
</ UserControl >

 代码1.XAML

  7.下面,有请我们今天的重点:Domain Data Source控件。要使用Domain Data Source控件,我们需要将它引入XAML中来以便使用,在UserControl节加入以下绿色代码(注:xmlns:ds所引入的命名空间根据个人所建立项目名不同有所不同。即:引入Web层所在的命名空间):

 

   <UserControl x:Class="SilverlightApplication.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"

    xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.DomainServices"
    xmlns:ds="clr-namespace:SilverlightApplication.Web"

    xmlns:sdk ="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" >

 

  8.在页面中加入Domain Data Source控件,重点属性是QueryName属性,此属性对应DomainSerivceClass里的方法名,即:要查询的表。方法名一般为:Get[TableName]Query。同时我们还要设置相关的Domain Service Class,默认排序方式设置可选。相关Xaml代码如代码2:

 

Domain Data Source
   
   
< my:DomainDataSource Name ="dds" QueryName ="GetRegionQuery" AutoLoad ="True" >
< my:DomainDataSource.DomainContext > <!-- 设置相关Domain Service -->
< ds:SSMContext />
</ my:DomainDataSource.DomainContext >
< my:DomainDataSource.SortDescriptors >
< my:SortDescriptor PropertyPath ="ID" Direction ="Descending" /> <!-- 设置默认排序方式 -->
</ my:DomainDataSource.SortDescriptors >
</ my:DomainDataSource >

代码2.Domain Data Source 

  好了,下们我们Ctrl+F5运行下页面,吁?什么数据都没有?

  噢!!!我们还没有进数据进行Binding。来吧,设置数据绑定。

  我们需要把Domain Data Source的Data属性绑定到DataGrid的ItemSource与DataPager的Source属性上,即:

 

代码
   
   
.....................
< sdk:DataGrid ItemsSource =" {Binding Data, ElementName=dds} "
.....................
.....................
<sdk:DataPager Source
=" {Binding Data, ElementName=dds} "
.....................
.....................

 

 

  Ctrl+F5一下看下效果~哎呀,全部出来了~!排序、分页、编辑一切正常!

EneityFramework+DomainDataSource+Silverlight完成数据读取分页排序与修改_第11张图片

图12.运行效果

  但是,在编辑后,数据是不会入库的,这里,我们只需要调用一个方法:DomainDataSource.SubmitChanges(),于是,我们对提交修改与取消修改的点击事件产生如下代码:

 

代码
   
   
private void btnSubmit_Click( object sender, RoutedEventArgs e)
{
if (MessageBox.Show( " 确认提交更改? " , " 提示 " , MessageBoxButton.OKCancel) == MessageBoxResult.OK)
{
this .dds.DomainContext.SubmitChanges();
}
}

private void btnReject_Click( object sender, RoutedEventArgs e)
{
if (MessageBox.Show( " 确认取消更改? " , " 提示 " , MessageBoxButton.OKCancel) == MessageBoxResult.OK)
{
this .dds.DomainContext.RejectChanges();
}
}

代码3

  运行起来:全部OK!强大的Domain Data Source控件与Domain Data Class DEMO:/Files/leeolevis/Silverlight/DomainDataSource.zip

你可能感兴趣的:(silverlight)