[Silverlight]利用Blend做資料繫結-part2

昨天那一篇文章([Silverlight]利用Blend做資料繫結 part1)(主要是視覺設計人員來製作版面方便的，接下來我們可以由programmers來設計從wcf來建立真實的來源資料

 

首先為了方便起見我們將範例資料的資料表Collection改為department

(因為我們這次要讀取的是部門名稱)

然後將Property1的資料欄位改成name

再把Property2移除

接下來我們把listbox名稱設為「lb_department」

再來我們可以打開Visual Studio

在Site這個網站專案中建立「有Silverlight功能的WCF」

然後在Service.svc.cs中輸入下面的程式碼

using System;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Activation;
using System.Collections.Generic;
using System.Text;

[ServiceContract(Namespace = "")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Service
{
    [OperationContract]
    public List<string> DoWork()
    {

        List<string> temp = new List<string>();
        temp.Add("行銷部");
        temp.Add("業務部");
        temp.Add("資訊部");
        return temp;
    }


}

 

 

 

 

我們最好把他建置起來，因為在我們這個範例中，我把他建置在ASP.net的測試伺服器中

再來我們到Silverlight的專案中「加入服務參考」

注意：平常都是把他先發佈在某一個伺服器上再來加入服務參考，這裡是用測試的伺服器

因為我們從WCF傳來的是List所以在集合型別中改成「System.Collections.Feneric.List」

然後我們建立一個使用者自訂類別來放至department

department.cs

using System;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace test1_2
{
    public class department
    {
        /// <summary>
        /// 部門名稱
        /// </summary>
        public string name { get; set; }
        public department()
        {
        }
        public department(string name)
        {
            this.name = name;
        }
    }
}

 

 

 

最後在到MainPage.xaml.cs中加入這段程式碼就完成了我們從WCF讀取資料放到listbox裡了

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Ink;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Linq;//加入組件

namespace test1_2
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {

            InitializeComponent();
            //將原來的listBox的資料來源設為null，若不設為null，listbox將會在讀取完成部門資料來源之前顯示原來的範例資料
            lb_department.ItemsSource = null;
            this.loaddepartment();
        }
        /// <summary>
        /// 讀取部門資料
        /// </summary>
        private void loaddepartment()
        {
            //建立WCF連結通道
            ServiceReference1.ServiceClient clinet = new test1_2.ServiceReference1.ServiceClient();
            //建立完成讀取後的Event
            clinet.DoWorkCompleted += new EventHandler<test1_2.ServiceReference1.DoWorkCompletedEventArgs>(clinet_DoWorkCompleted);
            //讀取部門資料
            clinet.DoWorkAsync();
        }

        void clinet_DoWorkCompleted(object sender, test1_2.ServiceReference1.DoWorkCompletedEventArgs e)
        {
            //將讀取後的資放入items
            var items = from s1 in e.Result
                        select new department
                        {
                            name = s1
                        };
            //將Source來源目的改成items
            lb_department.ItemsSource = items;
        }
    }
}

完成畫面

Blend跟VS在製作Silverlight時搭配的天衣無縫，視覺設計人員開心、programmers也開心，不用在為了等資料而停止進度，兩者可以同時進行，這樣專案不但快速，又不會兩組人馬天天吵架囉XD

B+ Silverlight Game Develope Team的網站：http://www.cnblogs.com/bplus/

 

 

 

Tag标签：Silverlight,blend,資料繫結,WCF