Silverlight3系列（五）数据绑定 Data Binding 2

      接着上面一篇，我们来讨论绑定集合等。

　　

　　首先看一下可以进行绑定集合的控件属性，暂时我就不翻译了，因为翻译不好，还不如读英文呢。

 

Name	Description
ItemsSource	Points to the collection that has all the objects that will be shown in the list.
DisplayMemberPath	Identifies the property that will be used to creat the display text for each item.
ItemTemplate	Providers a data template that will be used to create the visual appearance of each item.This property acts as a far more powerful replacement for DisplayMemberPath.
ItemsPanel	Providers a template that will be used to create the layout container that holds all the items in the list.

　　这里你可能会想，什么类型的集合可以绑定到ItemsSource属性呢？告诉你，只需要实现IEnumerable就可以，但是，实现这个借口的集合是只读的。如果你想编辑这个集合，例如允许插入和删除，你需要更多的工作，后面我们会介绍。

 

　　显示并且编辑集合项

　　首先定义个数据库交互契约

   

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.ServiceModel;
using System.ComponentModel;
using System.Runtime.Serialization;

namespace Domain.Entity
{
    [DataContract]
    public class Customer : INotifyPropertyChanged
    {
        private int _intCustomerId;
        private string _strCustomerName;
        private string _strCustomerCode;
        private CustomerType  _CustomerType;
        private int _intCustomerTypeId;

        [DataMember ]
        public virtual  int CustomerTypeId
        {
            get { return _intCustomerTypeId; }
            set { _intCustomerTypeId = value; }
        }

        [DataMember ]
        public virtual  CustomerType  CustomerType
        {
            get { return this._CustomerType; }
            set
            {

                this._CustomerType = value;
                OnPropertyChanged("CustomerType");
            }
        }

        [DataMember]
        public virtual int CustomerId
        {
            get { return this._intCustomerId; }
            set
            {
                this._intCustomerId = value;
                OnPropertyChanged("CustomerId");
            }
        }
        [DataMember]
        public virtual string CustomerName
        {
            get { return this._strCustomerName; }
            set
            {
                this._strCustomerName = value; OnPropertyChanged("CustomerName");
            }
        }
        [DataMember]
        public virtual string CustomerCode
        {
            get { return _strCustomerCode; }
            set
            {
                this._strCustomerCode = value;
                OnPropertyChanged("CustomerCode");
            }
        }

        #region INotifyPropertyChanged Members

        public event PropertyChangedEventHandler PropertyChanged;

        #endregion
        private void OnPropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

 

 

　　wcf定义接口

　　

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.Text;
using Domain.Entity;

namespace WcfService
{
    [ServiceContract]
    public interface IServiceCustomer
    {
        [OperationContract]
        Domain.Entity.Customer GetCustomer(int customerId);
        [OperationContract]
        IList < Domain.Entity.Customer >  GetAll();
        [OperationContract]
        void Add(Domain.Entity.Customer customer);
        [OperationContract]
        string SayHello(SysUser sysUser);
    }
   
}

 

　　实现这个接口

　　

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> using  System;
using  System.Linq;
using  System.Runtime.Serialization;
using  System.ServiceModel;
using  System.ServiceModel.Activation;
using  System.Collections.Generic;
using  System.Collections.ObjectModel;
using  System.Text;
using  System.Data.SqlClient;
using  System.Data;
using  Domain.Entity;
using  Common.Core;
using  Common.Data;
namespace  WcfService
{
    [AspNetCompatibilityRequirements(RequirementsMode  =  AspNetCompatibilityRequirementsMode.Allowed)]
     public   class  ServiceCustomer : IServiceCustomer
    {
         private  CustomerDAO _customerDao;
        Common.Core.Utility.NHibernateUtility _NHUtility;
        MyValidator _myValidator;
         public  ServiceCustomer()
        {
            _NHUtility  =   new  Common.Core.Utility.NHibernateUtility();
            _customerDao  =   new  CustomerDAO(_NHUtility.GetSession());
        }
         //  Add more operations here and mark them with [OperationContract]

         #region  IServiceCustomer Members
         public  Domain.Entity.Customer GetCustomer(  int  customerId)
        {

            Domain.Entity.Customer objCustomer  =   new  Domain.Entity.Customer();

             return  _customerDao.GetCustomerById(customerId);
        }

         #endregion

         #region  IServiceCustomer Members


         public  IList < Domain.Entity.Customer >  GetAll()
        {

            IList < Domain.Entity.Customer >  cs  =  _customerDao.GetAll();
             return  cs;
        }

         #endregion

         #region  IServiceCustomer Members


         public   void  Add(Domain.Entity.Customer customer)
        {
            _customerDao.CreateCustomer(customer);

        }

         #endregion

         #region  IServiceCustomer Members


         public   string  SayHello(SysUser sysUser)
        {
            _myValidator  =  (MyValidator)OperationContext.Current.Host.Credentials.UserNameAuthentication.CustomUserNamePasswordValidator;

             return   string .Format( " hello,{0},your password is {1}\n{2}{3} " , sysUser.UserName, sysUser.Password,
                //  _myValidator.ToString(),_myValidator.ToString() );
                _myValidator.UserName ,_myValidator.Password );
        }

         #endregion
    }
}

 

　　Silverlight客户端前台代码

　　

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> < UserControl  xmlns:navigation ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"  
    xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"  
    xmlns:data ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class ="Silverlight.sldbdemo"  
    Width ="400" >

     < ScrollViewer >
         < StackPanel >
             < Button  x:Name ="btnGetCustomer"  Content ="获取一个用户信息"  Click ="btnGetCustomer_Click" ></ Button >
             < Grid  x:Name ="LayoutRoot"  Background ="White" >
                 < Grid.ColumnDefinitions >
                     < ColumnDefinition />
                     < ColumnDefinition />
                 </ Grid.ColumnDefinitions >
                 < Grid.RowDefinitions >
                     < RowDefinition  Height ="20" />
                     < RowDefinition  Height ="20" />
                     < RowDefinition  Height ="20" />
                     < RowDefinition  Height ="20" />
                     < RowDefinition  Height ="20" />
                     < RowDefinition  Height ="20" />

                 </ Grid.RowDefinitions >
                 < TextBlock  x:Name ="LblCustomerId"  Grid.Column ="0"  Grid.Row ="0"  Text ="Customer Id" />
                 < TextBlock  x:Name ="TxtCustomerId"  Grid.Column ="1"  Grid.Row ="0"  Text ="{Binding CustomerId}" />
                 < TextBlock  x:Name ="LblCustomerCode"  Grid.Column ="0"  Grid.Row ="1"  Text ="Customer Code" />
                 < TextBlock  x:Name ="TxtCustomerCode"  Grid.Column ="1"  Grid.Row ="1"  Text ="{Binding CustomerCode}" />
                 < TextBlock  x:Name ="LblCustomerName"  Grid.Column ="0"  Grid.Row ="2"  Text ="用户名称" />
                 < TextBlock  x:Name ="TxtCustomerName"  Grid.Column ="1"  Grid.Row ="2"  Text ="{Binding CustomerName}" />


             </ Grid >
             < Button  x:Name ="btnGetAllCustomer"  Content ="获取全部用户信息"  Click ="btnGetAllCustomer_Click" ></ Button >
             < Grid  x:Name ="customers"  Background ="Gray"  Grid.ColumnSpan ="2"  Grid.Column ="0"  Grid.Row ="3" >

                 < data:DataGrid  x:Name ="dataGrid"  CanUserResizeColumns ="true"  CanUserSortColumns ="True"
                           AutoGenerateColumns ="False"  ItemsSource ="{Binding}" >
                     < data:DataGrid.Columns >
                         < data:DataGridTextColumn  Header ="Id"  Binding ="{Binding CustomerId}" ></ data:DataGridTextColumn >
                         < data:DataGridTextColumn  Header ="Code"  Binding ="{Binding CustomerCode}" ></ data:DataGridTextColumn >
                         < data:DataGridTextColumn  Header ="Name"  Binding ="{Binding CustomerName}" ></ data:DataGridTextColumn >
                     </ data:DataGrid.Columns >

                 </ data:DataGrid >

             </ Grid >
             < StackPanel  Grid.Column ="0"  Grid.ColumnSpan ="2"  Grid.Row ="4" >
                 < data:DataPager  x:Name ="tempPager"  DisplayMode ="FirstLastPreviousNextNumeric"  HorizontalAlignment ="Left"  VerticalAlignment ="Top"
                Source ="{Binding Path=ItemsSource,ElementName=dataGrid}"
               PageSize ="5"
                             ></ data:DataPager >
             </ StackPanel >
             < Grid  x:Name ="AddCustomer"  Background ="White"  Grid.Column ="0"  Grid.ColumnSpan ="2"  Grid.Row ="5"  Height ="97" >
                 < Grid.ColumnDefinitions  >
                     < ColumnDefinition  Width ="0.5*" ></ ColumnDefinition >
                     < ColumnDefinition  Width ="0.5*" ></ ColumnDefinition >
                 </ Grid.ColumnDefinitions >
                 < Grid.RowDefinitions  >
                     < RowDefinition  Height ="0.247*"   ></ RowDefinition >
                     < RowDefinition  Height ="0.247*"   ></ RowDefinition >
                     < RowDefinition  Height ="0.247*"   ></ RowDefinition >
                     < RowDefinition  Height ="0.258*"   ></ RowDefinition >
                 </ Grid.RowDefinitions >
                 < TextBlock  Text ="Customer Id"  Grid.Column ="0"  Grid.Row ="0" ></ TextBlock >
                 < TextBox  x:Name ="customerId"  Grid.Column ="1"  Grid.Row ="0" ></ TextBox >
                 < TextBlock  Text ="Custoemr Code"  Grid.Column ="0"  Grid.Row ="1" ></ TextBlock >
                 < TextBox  x:Name ="customerCode"  Grid.Column ="1"  Grid.Row ="1" ></ TextBox >
                 < TextBlock  Text ="Customer Name"  Grid.Column ="0"  Grid.Row ="2" ></ TextBlock >
                 < TextBox  x:Name ="customerName"  Grid.Column ="1"  Grid.Row ="2" ></ TextBox >
                 < Button  x:Name ="btnOk"  Grid.Column ="0"  Grid.Row ="3"  Height ="25"  Content ="添加用户Add Customer"  Click ="btnOk_Click" ></ Button >
             </ Grid >
             < Button  x:Name ="btnLoadData"  Click ="btnLoadData_Click"  Content ="加载数据" ></ Button >
             < ListBox  x:Name ="lstCustomers" ></ ListBox >
         </ StackPanel >
     </ ScrollViewer >


</ UserControl >

 

　　Silverlight客户端后台代码

 

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> 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;
using  Silverlight.ServiceCustomer;
using  Domain.Entity;

namespace  Silverlight
{
     public   partial   class  sldbdemo : UserControl
    {
        ServiceCustomerClient client;
        SysUser _sysUser;
         private   int  _customerId  =   1 ;
         public  sldbdemo()
        {
         
            InitializeComponent();
            client  =   new  ServiceCustomerClient();
            client.ClientCredentials.UserName.UserName  =   " adminstrator " ;
            client.ClientCredentials.UserName.Password  =   " 123.com " ;
            _sysUser  =   new  SysUser() { UserName  =   " swb " , Password  =   " swb "  };
          
       
           
            client.SayHelloAsync(_sysUser);
            client.SayHelloCompleted  +=   new  EventHandler < SayHelloCompletedEventArgs > (client_SayHelloCompleted);
        }

         void  client_SayHelloCompleted( object  sender, SayHelloCompletedEventArgs e)
        {
             try
            {
                MessageBox.Show(e.Result);
            }
             catch  (Exception ex)
            {
                MessageBox.Show(ex.Message  +  ex.InnerException.Message);
            }
        }
         protected   void  GetCustomerById( int  customerId)
        {
             try
            {

                client.GetCustomerCompleted  +=   new  EventHandler < GetCustomerCompletedEventArgs > (client_GetCustomerCompleted);
                client.GetCustomerAsync(customerId );
            }
             catch  (Exception ex)
            {
                MessageBox.Show(ex.Message  +  ex.InnerException.Message);
            }
        }

         void  client_GetCustomerCompleted( object  sender, GetCustomerCompletedEventArgs e)
        {
           //   Customer customer = new Customer() { CustomerId = 1, CustomerCode = "ss", CustomerName = "dddd" };
             // LayoutRoot.DataContext = customer;
            LayoutRoot.DataContext  =  e.Result;
        }
         protected   void  LoadCustomers()
        {
             try
            {
                client.GetAllCompleted  +=   new  EventHandler < GetAllCompletedEventArgs > (client_GetAllCompleted);
                client.GetAllAsync();
            }
             catch  (Exception ex)
            {
                MessageBox.Show(ex.Message  +  ex.InnerException.Message);
            }
        }
         void  client_GetAllCompleted( object  sender, GetAllCompletedEventArgs e)
        {
            System.Windows.Data.PagedCollectionView page  =   new  System.Windows.Data.PagedCollectionView(e.Result);
            tempPager.Source  =  page;
            dataGrid.ItemsSource  =  page;

        }

         private   void  btnOk_Click( object  sender, RoutedEventArgs e)
        {
             try
            {
                client.AddCompleted  +=   new  EventHandler < System.ComponentModel.AsyncCompletedEventArgs > (client_AddCompleted);
                Domain.Entity.Customer customer  =   new  Domain.Entity.Customer()
                {
                    CustomerId  =   int .Parse(customerId.Text),
                    CustomerCode  =  customerCode.Text,
                    CustomerName  =  customerName.Text
                };
                client.AddAsync( customer);
            }
             catch  (Exception ex)
            {
                MessageBox.Show(ex.Message  +  ex.InnerException.Message);
            }
        }



         void  client_AddCompleted( object  sender, System.ComponentModel.AsyncCompletedEventArgs e)
        {
            
            LoadCustomers();
        }

         private   void  btnLoadData_Click( object  sender, RoutedEventArgs e)
        {
            client.GetAllAsync();
            client.GetAllCompleted  += new  EventHandler < GetAllCompletedEventArgs > (client_GetAllCompleted1);
        }
         void  client_GetAllCompleted1( object  sender, GetAllCompletedEventArgs e)
        {
            lstCustomers.ItemsSource  =  e.Result;

        }

         private   void  btnGetCustomer_Click( object  sender, RoutedEventArgs e)
        {
            GetCustomerById(_customerId);
        }

         private   void  btnGetAllCustomer_Click( object  sender, RoutedEventArgs e)
        {
            LoadCustomers();
        }

    }
}

 

 

　　效果图

　　

　　你会看到后面的listbox中，数据显示的全部都是Domain.Entity.Customer，没有显示成我们想要的某一栏的值，这就是因为在代码中我们使用了lstCustomers.ItemsSource = e.Result;第一种绑定集合的属性，这时候就需要第二种绑定集合的属性 DisplayMemberPath="CustomerName"登场了。

　　其实实现上面的效果，你可以有三条途径：

　　1）设置控件的DisplayMemberPath属性为一个对象的属性名称，例如：DisplayMemberPath="CustomerName"，效果如下图

　　2）重写对象的ToString（）方法，提供一些有用的信息，设置可以显示几个属性，因为默认绑定使用的就是对象的tostring方法

　　

 

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> public   override   string  ToString()
        {
             return   string  .Format ( " 用户代码：{0} | 用户姓名：{1} " ,CustomerCode,CustomerName );
        }

 

　　属性就不用修改了，还是<ListBox x:Name="lstCustomers" ></ListBox>，效果如下图

　　3）提供一个数据模板，这样你可以显示任何排列好的对象属性值，后面将会讲到这种做法。

 

　　到这里你可能又需要两外一个功能了，就是点击一个list中的item，在下面显示一下详细信息。你可以响应listbox的SelectionChanged事件，在事件代码中写上

     

 

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->   private   void  lstCustomers_SelectionChanged( object  sender, SelectionChangedEventArgs e)
        {
            gridCustomerDetails.DataContext  =  lstCustomers.SelectedItem;
        }

 

　　前台设置为

 

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->   < ListBox  x:Name ="lstCustomers"