Silverlight使用通过服务绑定数据的控件

这个标题有点绕口，下面进行详细说明：开发一个自定义控件，这个控件不是静态的，它的数据是通过WCF来绑定的，要求引用这个控件的同时也要引用到数据。关键点就是这个控件依赖于WCF。

这是在Silverlight群里，一位朋友问的问题，当时也没有说清楚，准备写篇博客详细说明下。这里只是简单演示功能，不妥之处请见谅。

解决方案

解决方案共有5个项目，两个Sl应用程序，两个Sl承载项目，以及一个Wcf项目。

DataControl是Sl应用程序，存放用户控件，DataControl.Web是对应的承载项目。

DataControlService是Web项目，承载Wcf。

OrderManagement是Sl应用程序，用于调用DataControl项目提供的用户控件，OrderManagement.Web是对应的承载项目。

DataControlService

简单的Wcf，提供演示用数据

    public class UsersService : IUsersService
    {
        public List<User> Users()
        {
            List<User> users=new List<User>()
            {
                new User(){Name="Shuai",Age=25,Email="shuaiho@live.com"},
                new User(){Name="HeShuai",Age=25,Email="shuaiho@live.com"},
                new User(){Name="帅帅",Age=25,Email="shuaiho@live.com"},
                new User(){Name="菜馍",Age=25,Email="shuaiho@live.com"}
            };
            return users;
        }
    }

    [DataContract]
    public class User
    {
        [DataMember]
        public string Name { get; set; }

        [DataMember]
        public int Age { get; set; }

        [DataMember]
        public string Email { get; set; }
    }

这是UserService的内容，返回一个User集合。

DataControl

这个项目引用刚才的Wcf服务，命名为UserService，会自动生成ServiceReferences.ClientConfig。

ServiceReferences.ClientConfig保存着Wcf的配置信息。

Users.xaml是用户控件

XAML文件

    <Grid x:Name="LayoutRoot" Background="YellowGreen">
        <StackPanel>
            <TextBlock  Text="Users"/>
            <sdk:DataGrid x:Name="UsersDataGrid"
                          AutoGenerateColumns="True" Height="500"/>
        </StackPanel>
    </Grid>

对应的CS文件

        public Users()
        {
            InitializeComponent();

            UserService.UsersServiceClient client = new UserService.UsersServiceClient();
            client.UsersCompleted += (sender, e) => {
                UsersDataGrid.ItemsSource = e.Result;
            };
            client.UsersAsync();
        }

内容很简单，调用Wcf，通过一个DataGrid展现获取的数据。

效果如下

便于区分，我们以黄绿色做为背景。

OrderManagement

添加对DataControl项目的引用，并把DataControl的ServiceReferences.ClientConfig拷贝过来。

把工具箱里的Users控件拖到MainPage里

MainPage.xaml

    <Grid x:Name="LayoutRoot" Background="Red">
        <StackPanel>
            <TextBlock Text="用户管理"/>
            <my:Users />
        </StackPanel>
    </Grid>

MainPage.xaml.cs 没有任何代码 只是承载Users控件。便于区分，背景色作为红色。

运行效果如下

关键点

ServiceReferences.ClientConfig 如果访问Wcf，Sl会在当前运行环境找此文件，如果没有就会失败，所以需要把此文件拷到运行项目中。

本文是通过直接引用DLL的方式，也可以通过WebClient实现动态加载。

下载示例代码