Silverlight kategorisindeki makaleler 3. sayfa

21 Mar 2009

Silverlight 3 Beta – Silverlight Uygulamalarının Browser Dışına Alınması

Merhaba arkadaşlar, bu makalemizde Silverlight 3 Beta ile birlikte gelen bir diğer yenilik olan Silverlight uygulamalarının browser dışına alınmasına(out of browser) bakacağız.

Silverlight 3 Beta ile çok güzel özelliklerin geldiğini söylemiştik. Fark yaratacak bir yenilikte Browser da çalışan Silverlight uygulamalarının offline ortama alınabilmesi. Evet yanlış duymadınız browser üzerinde çalışan bir Silverlight uygulamasının Masaüstüne ya da Start Menu’ye alıp browser ile hiçbir bağlantısı olmadan çalıştırabiliyoruz.

Bu özelliği Silverlight uygulamamıza kazandırmak için yapmamız gereken şey çok basit. Silverlight uygulamasının bulunduğu projesinin Properties klasörü içinde yer alan AppManifest.xml dosyasını düzenlememiz yeterli olacaktır.

[XML]

<Deployment xmlns="http://schemas.microsoft.com/client/2007/deployment"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Deployment.Parts />
<Deployment.ApplicationIdentity>
<ApplicationIdentity ShortName="KisayolAdi" Title="Silverlight uygulamasının Form Başlığı">
<ApplicationIdentity.Blurb>
Uygulama İle ilgili açıklama
</ApplicationIdentity.Blurb>

<!—Uygulamada göstereceğimiz iconları yazıyoruz.-->
<ApplicationIdentity.Icons>
<Icon Size="16x16">1.png</Icon>
<Icon Size="32x32">2.png</Icon>
<Icon Size="64x64">3.png</Icon>
<Icon Size="128x128">4.png</Icon>
</ApplicationIdentity.Icons>

</ApplicationIdentity>
</Deployment.ApplicationIdentity>
</Deployment>

Silverlight uygulaması üzerinde sağ tıklayarak “Intall KisayolAdi onto this computer” seçeneğini tıklayalım. Eğer bu işlemi kod ile yaptırmak istiyorsak ilgili yere App.Current.Detach(); yazmamız gerekiyor.

Start Menuyü seçelim ve Start Menüyü açalım.

Uygulamamız start menüye eklenmiş durumda. Şimdi Silverlight uygulamamızı çalıştıralım.

Browser’dan bağımsız çalışan Silverlight uygulamamız hazır !

Bu makalenin de sonuna geldik başka bir makale de görüşmek üzere. Silverlight ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com
silverlight.net

20 Mar 2009

Silverlight 3 Beta – Kontrollerin Birbirine Bağlanması

Merhaba arkadaşlar, bu makalemizde Silverlight 3 Beta ile birlikte gelen Silverlight UIElementlerin birbirine nasıl bağlandığını (UI Element to Element Binding) inceliyor olacağız.

Silverlight 3 beta ile birlikte kontrolleri ve özelliklerini birbirine bağlayabiliyoruz. WPF içerisinde bu özellik olmasına rağmen Silverlight için yepyeni bir özelliktir. Bu özellik ile birlikte eventler arasında dolaşıp kod yazmadan kontrolleri ve özelliklerini birbirine bağlayabileceğiz.

Örneğin, ComoBox’dan seçim yapıldığında seçilen değeri TextBlock kontrolünün Text özelliğine bağlayabiliriz. Geriye gidip daha önce bu işi nasıl yaptığımızı hatırlayalım.

Yeni bir Silverlight projesi oluşturalım. Formumuza bir ComboBox ve bir tane de TextBlock kontrolü ekleyelim.

[XAML]

ComboBox’dan bir seçim yaptığımızda çalışan SelectionChanged isimli bir event var. Bu event de ComboBox’dan seçtiğimiz değeri TextBlock’un Text özelliğine atayabiliriz. İlk olarak UserControl için Loaded Event Listener’ini oluşturup ComboBox’a eleman ekleyelim. Daha sonra da atama işlemini yapacağomız SelectionChanged event listenerini oluşturalım.

[C#]

publicMainPage()
{
InitializeComponent();
// Event Listenerları oluşturalım.
this.Loaded += new RoutedEventHandler(MainPage_Loaded);
cmbTakimlar.SelectionChanged += new SelectionChangedEventHandler(cmbTakimlar_SelectionChanged);
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
// Listbox’a eleman ekliyelim
cmbTakimlar.Items.Add("Fenerbahçe");
cmbTakimlar.Items.Add("Galatasaray");
cmbTakimlar.Items.Add("Beşiktaş");
cmbTakimlar.Items.Add("Trabzon Spor");
}

void cmbTakimlar_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
// Atama işlemini yapalım.
tbTakim.Text = cmbTakimlar.SelectedItem.ToString();
}

Eskiden bu şekilde kod yazarak kontrolleri ve özelliklerini birbirine bağlayabiliyorduk. Silverlight 3 Beta ile birlikte artık kontrolleri birbirine bağlamak çok daha kolay.

[Kullanımı]

Şimdi yukarıda event listener ile yaptığımız bağlama işlemini Silverlight 3 Beta ile gelen yeni özellik ile yapalım.

[XAML]

<UserControlx:Class="Silverlight3ElementToElement.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300">
<Canvas x:Name="LayoutRoot" Background="White" >
// TextBlock kontrolünün Text özelliği ile ComoBox kontrolünün SelectedItem özelliğini birbirine bağladık. ComboBox’ın SelectedItem özelliği ne ise TextBlock kontrolünün Text özelliği de o olacak.
<TextBlock x:Name="tbTakim" Width="150" Canvas.Left="15" Canvas.Top="10" Text="{Binding SelectedItem,ElementName=cmbTakimlar}"></TextBlock>
<ComboBox x:Name="cmbTakimlar" Width="150"Canvas.Top="30" Canvas.Left="10">
</ComboBox>
</Canvas>
</UserControl>

Resim 1

Hiç kod yazmadan kontrolleri birbirine bağladık :) Bu makalenin de sonuna geldik başka bir makale de görüşmek üzere. Silverlight ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com
silverlight.net

20 Mar 2009

Silverlight 3 Beta – DataForm Kontrolüne Genel Bakış

Merhaba arkadaşlar, bu makalemizde Silverlight 3 Beta ile birlikte gelen DataForm kontrolünü inceliyor olacağız.

Herkesin merakla beklediği, Silverlight 3 Beta’nın duyurulmasıyla birlikte özellikle Data kontrollerinde bir çok yenilik ve yeni kontrol bizleri bekliyor. Bu kontrollerden en başarılısı bana göre DataForm kontrolü olmuş. DataForm kontrolü ile geliştiricinin vakit harcayacağı bir çok işi bizim yerimize düşünüp yapıyor. (Dizayn, validation vb gibi işler). Aynı zamanda istersek DataForm kontrolü istediğimiz gibi kişiselleştirebiliyoruz.

DataForm kontrolü, ASP.NET data kontrolü olan DetailsView kontrolüne benzer bir kontroldür. DataForm ile Silverlight da hızlı bir şekilde formlar oluşturabiliyoruz. Bu form tek bir nesne için yada bir koleksiyon içinde olabilir. Örneğin, Ürünler arasında gezinebilir, bu ürünleri güncelleyip, silebilir ve hatta oluşturduğumuz form ile yeni bir ürün de ekleyebiliriz.

Yeni bir Silverlight 3.0 projesi oluşturalım ve DataForm kontrolü ile ilk uygulamamızı yapalım. Projemiz de Ürünler ile ilgili işlemler yapacağımızı varsayalım. Bunun için ilk olarak Projemize Urun isimli bir Class ekleyelim

[Urun.cs]

public class Urun
{
    public int UrunID { get; set; }
    public string UrunAdi { get; set; }
    public double Fiyat { get; set; }
}

Classımız hazır şimdi de Ürün’ü göstereceğimiz formu hazırlayalım. Bunun için projemize bir DataForm kontrolü ekleyelim. Visual Studio 2008 de Toolbox’dan XAML’a kontrolü direk sürükleyebiliriz. Yada XAML kodunu aşağıdaki gibi yazabiliriz. Bunu yapmadan önce projemizin referanslarına System.ComponentModel, System.ComponentModel.DataAnnotations ve System.Windows.Controls.Data.DataForm kütüphanelerini ekleyelim.

[XAML]

<UserControl xmlns:dc="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm"// DataForm Kontrolünün namespace ve assembly’si
x:Class="SilverlightHtmlRender.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400"Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<dc:DataForm x:Name="Urun"></dc:DataForm> // DataForm Kontrolü
</Grid>
</UserControl>

Şimdi DataForm kontrolü için UserControl içinde bir Resource oluşturalım. Bu Resource DataForm üzerinde görüntülenecek olan Urun classı’nı içerecek

[XAML]

<UserControl xmlns:dc="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm" x:Class="SilverlightHtmlRender.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300" xmlns:template="clr-namespace:SilverlightDataForm">
<UserControl.Resources>
<template:Urun x:Key="urun" UrunID="1" UrunAdi="Laptop" Fiyat="100"></template:Urun>
</UserControl.Resources> // DataForm Kontrolü için resouce oluşturduk
<Grid x:Name="LayoutRoot" Background="White">
<dc:DataForm x:Name="uyeler" CurrentItem="{StaticResource urun}"></dc:DataForm>
</Grid>
</UserControl>

DataForm kontrolünün CurrentItem özelliği, Dataform üzerinde gösterilecek olan resource’u belirlememize yarar. Burada Resource içinde şuan için tek bir kayıt olduğu için sadece onu gösteriyor olacak. Gördüğünüz gibi hiç uğraşmadan Form aşağıdaki gibi oldu bile :) Form ilk açıldığında herhangi bir değişiklik yapamıyoruz. Sağdaki kaleme tıklarsak değişiklik yapmamıza izin veriyor.

resim 1

Bu işlemi Resource oluşturmadan dinamik olarak da yapabiliriz. Form_Loaded için event listener oluşturalım ve gerekli kodu yazalım. Sonuç yukarıdakiyle aynı olacaktır :)

[MainPage.cs]

publicMainPage()
{
    InitializeComponent();
    this.Loaded += new RoutedEventHandler(MainPage_Loaded);
}

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    // Diamik olarak CurrentItem’a Urun nesnesini atıyoruz.
    urunler.CurrentItem = new Urun() { UrunID = 1, UrunAdi = "Laptop", Fiyat=100 };
}

Form’daki elemanların özelliklerini değiştirmek istersek, her şeyi yazdığımız Urun sınıfından yapabiliyoruz. Bunun için ilgili propertyler’e yada class’a attribute(nitelik) uygulamamız yeterli oluyor. Bu nitelikleri incelmek için Urun sınıfı üzerinde biraz oynayalım.

[Urun.cs]

publicclass Urun
{
    [Display(Name = "Ürün Kodu", Order = 1, Description = "Ürün Kodunu gösteren Alan")]
    // Display: Property’nin görünüm özelliklerini belirleyen nitelik
    // Name: Etiket bilgisini değiştirmemizi sağlayan property
    // Order: Bu Property’nin Form üzerinde kaçıncı sırada gösterileceğini sağlayan property
    // Desctiption: Bu property ile ilgili bilgi verecek olan property
    [Bindable (true, BindingDirection.OneWay)]
    // Bindable: Bu property’nin form üzerinde gösterilip gösterilmemesini sağlayan nitelik.
    // BindingDirection: Bu property’nin form da hangi modda gösterileceğini belirtir. OneWay ise property readonly olur.
    public int UrunID { get; set; }

    [Display(Name = "Ürün Adı", Order = 2, Description = "Ürün Adını Gösteren Alan")]
    [Required(ErrorMessage = "Ürün Adı Girmeniz Zorunludur !")]
    // Required: Bu property’e veri girişinin zorunlu olmasını sağlayan nitelik
    // ErrorMessage: Eğer bu property’e veri girişi yapılmamışsa gösterilecek olan hata mesajı
    public string UrunAdi { get; set; }

    [Display(Name = "Fiyat", Order = 3, Description = "Ürün Fiyatını Gösteren Alan")]
    [Range(0,100, ErrorMessage="Ürün fıyatı 0-100 arasında olmalıdır")]
    // Range: Property’e girilen verinin aralığını kontrol eden nitelik
    // Minumum: Bu property’e girilebilecek en küçük değer
    // Maximum: Bu property’e girilebilecek en büyük değer
    // ErrorMessage: Eğer property’e veri girişi belirtilen aralık dışındaysa gösterilecek olan hata mesajı
    public double Fiyat { get; set; }
}

Şimdi projeyi tekrar çalıştıralım ve bakalım neler olmuş.

İlk olarak etiketler bizim belirlediğimiz gibi olmuş J Ürün Adı alanına herhangi bir değer girmedim ve save butonuna bastım. Hata mesajı çıktı. Ürün kodunun sağında bir şey vardı üzerine gittim ve bana bir bilgi mesajı çıkardı :) Save butonu var orada peki o ne işe yarıyor? Oda formdaki yapılan değişikliklerin onaylanmasını sağlıyor.

Akla hemen şu sorunun geldiği tahmin ediyorum. Save butonun’a basınca ben bir işlem yaptırmak istiyorsam ne olacak? Yada kaleme tıkladığımda bir işlem yapılmasını istiyorsam ne yapacağım? Bunun için yapmamız gereken şey IEditableObject Interface’ni ilgili class'a uygulamak olacaktır. Bizde bu Interface’i Urun Class’ına uygulayalım.

[Urun.cs]

public class Urun :IEditableObject // Interface’i uygulayalım
{
    [Display(Name = "Ürün Kodu", Order = 1, Description = "Ürün Kodunu gösteren Alan")]
    [Bindable (true, BindingDirection.OneWay)]
    public int UrunID { get; set; }
    [Display(Name = "Ürün Adı", Order = 1, Description = "Ürün Adını Gösteren Alan")]
    [Required(ErrorMessage = "Ürün Kodu Girmeniz Zorunlu !")]
    public string UrunAdi { get; set; }
    [Display(Name = "Fiyat", Order = 1, Description = "Ürün Fiyatını Gösteren Alan")]
    [Range(0,100, ErrorMessage="Ürün fıyatı 0-100 arasında olmalıdır")]
    public double Fiyat { get; set; }

    #region IEditableObject Members
    public void BeginEdit() // Güncelle butonuna(Kaleme) basıldığında çalışacak metot
    {
        MessageBox.Show("Güncelleme modu açıldı");
    }

    public void CancelEdit() // Güncelle işlemi iptal edildiğinde çalışacak metot
    {
        MessageBox.Show("Güncelleme iptal edildi");
    }

    public void EndEdit() // Güncelle işlemi bittiğinde çalışacak metot
    {
        MessageBox.Show("Güncelleme yapıldı");
    }
    #endregion
}

Şimdiye kadar hep tek nesne ile çalıştık. Şimdi bir ürün koleksiyonu oluşturalım ve onu DataForm kontrolünde kullanalım.

[MainPage.cs]

void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    // Ürün koleksiyonu oluşturalım.
    List<Urun> urunCollection = new List<Urun>();
    urunCollection.Add(new Urun() { UrunID = 1, UrunAdi = "Masa", Fiyat= 100 });
    urunCollection.Add(new Urun() { UrunID = 2, UrunAdi = "Kitap", Fiyat = 120 });
    urunCollection.Add(new Urun() { UrunID = 3, UrunAdi = "Defter", Fiyat = 140 });
    urunCollection.Add(new Urun() { UrunID = 4, UrunAdi = "Silgi", Fiyat = 120 });
    urunCollection.Add(new Urun() { UrunID = 5, UrunAdi = "Cetvel", Fiyat = 110 });

    urunler.ItemsSource = urunCollection; // Koleksiyonu ItemSource özelliğine bağladık.
}

Projemizi tekrar çalıştıralım,

Resim 3

Navigasyon, Ekleme butonu, Silme Butonu da eklenmiş ;) Bu makalenin de sonuna geldik başka bir makale de görüşmek üzere. Silverlight ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com
silverlight.net

02 Mar 2009

Silverlight TabControl Kontrolü

Kategori:
Silverlight
Etiketler:
Silverlight 2 Silverlight
0 Yorum

Merhaba arkadaşlar bu makalemiz de Silverlight kontrol kütüphanesinde bulunan TabControl kontrolünü inceleyeceğiz

TabControl, Windows ve Web uygulamalarındaki gibi diğer kontrollere konteynır’lık eder ve form üzerinde ki diğer kontrollerin sekmeler içerisinde gösterilmesini sağlar. Kontrolü inceleyecek olursak içerisinde Tab’ler oluşturabilmemiz için TabItem türünden bir koleksiyon var. Bu sayede ister Expression Blend de istersek de dinamik olarak kod ile Tab’ler oluşturabiliyoruz.

Yeni bir Silverlight projesi başlatalım ve TabControl’ü projemiz de kullanalım. Projeyi başlattıktan sonra “Asset Library” den bir adet TabControl ekleyelim.

Yeni tab’ler oluşturmak için TabControl’in Common Properties sekmesinde bulunan Items Sekmesine tıklayalım.

Resim 2

Sonrasında açılan pencerede “Show System Assemblies” seçeneğini işaretleyip search ekranına TabItem yazıp gelen ekrandan TabItem’ı seçelim.

Resim 5

Ben 3 tane TabItem ekledim. Oluşan XAML kodunu inceleyecek olursak;

</UserControl>

Aynı işlemi dinamik olarak da yapalım. Yeni bir event listener oluşturalım ve bu event içinde de yeni TabItem’ı TabControl’e ekleyelim.

public Page()
{
InitializeComponent();
this.Loaded += new RoutedEventHandler(Page_Loaded);
}

voidPage_Loaded(object sender, RoutedEventArgs e)
{
tabPanel.Items.Add(new TabItem() { Header ="Dinamik Tab" });
}

Son haline bakacak olursak aşağıdaki gibi oldu.

Resim 1

TabItem’ın header özelliğinde text dışında başka bir kontrol yada herhangi bir Layout Kontrolünü(Canvas, Grid, StackPanel) kullanarak başka kontroller de ekleyebiliyoruz. Layout kontrolü kullanmayacaksak sadece bir tane UIElement kontrolü ekleyebiliyoruz.

Resim 3

<basics:TabControl x:Name="tabPanel" SelectionChanged="tabPanel_SelectionChanged">

<basics:TabItem>
    <basics:TabItem.HeaderTemplate>
        <DataTemplate>
            <Grid> // Layout kontrolü içerisinde istediğimiz kadar kontrol ekleyebiliriz…
                <Rectangle Width="30"Height="30" Fill="Red"></Rectangle>
                <TextBlock>Selam</TextBlock>
            </Grid>
        </DataTemplate>
    </basics:TabItem.HeaderTemplate>
    <TextBlock>Birinci Sekme</TextBlock>
</basics:TabItem>

<basics:TabItem>
    <basics:TabItem.HeaderTemplate>
        <DataTemplate>
            <Ellipse Width="30" Height="30" Fill="Red"></Ellipse> //Sadece bir tane kontrol ekleyebiliriz…
        </DataTemplate>
    </basics:TabItem.HeaderTemplate>
    <TextBlock>İkinci Sekme</TextBlock>
</basics:TabItem>

</basics:TabControl>

Kontrolün çok işimize yarayacak SelectionChanged isimli bir eventi var. Bu event tablar arasında gezinirken yani bir tab’den diğer tab’e geçerken çalışır. Örneğin tab değiştiğinde TabControl’e bir animasyon verebilirsiniz... Örnek kullanımı aşağıdaki gibidir.

<basics:TabControl x:Name="tabPanel" SelectionChanged="tabPanel_SelectionChanged"></basics:TabControl>

private void tabPanel_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
MessageBox.Show("Tab değişti...");
}

Makalenin sonuna geldik, başka bir makalede görüşmek üzere. .NET ve Silverlight ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com
silverlight.net

30 Oca 2009

Silverlight DataGrid Kontrolü – Web Servisten Gelen Verinin Listelenmesi

Kategori:
Silverlight
Etiketler:
Silverlight
2 Yorum

Merhaba arkadaşlar bu makalemiz de DataGrid kontrolüne web servisten gelen verileri bağlayıp DataGrid’in kolonlarını özelleştireceğiz.

Konuya başlamadan önce eğer Silverlight’ta web servisleri ile uğraşmadıysanız Silverlight ile Web Servislerinin Kullanılması isimli makaleyi okumanızı öneririm.

Örneğimizde AdventureWorks veritabanına bağlanıp, ProductionProduct tablosuna web servisi ile bağlanıp verileri gridimiz üzerinde görüntüleyeceğiz. İlk olarak yeni bir silverlight projesi oluşturalım. Oluşturduğumuz projeye bir web servis dosyası ekleyip içerisinde Product isimli bir sınıf yazalım. İçerisinde 5 adet property yer alacak. Web servisinde de veritabanından ürünleri getirecek bir List döndüren bir metot yazalım.

publicclass Product
{
    public int ProductID { get; set; }
    public string Name { get; set; }
    public string Color { get; set; }
    public bool MakeFlag { get; set; }
    public DateTime SellStartDate { get; set; }
}

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
public class WebService1 : System.Web.Services.WebService
{

[WebMethod]
public List<Product> GetProducts()
{
    List<Product> productList = new List<Product>();
    SqlConnection cnn = new SqlConnection("server=.; database=AdventureWorks; uid=sa; pwd=sa12345");
    SqlCommand cmd = new SqlCommand("Select ProductID, Name, Color, MakeFlag,SellStartDate from Production.Product", cnn);
    cnn.Open();
    SqlDataReader dr = cmd.ExecuteReader();
    while (dr.Read())
    {
        productList.Add(new Product()
        {
            ProductID = dr.GetInt32(0),
            Name = dr.GetString(1),
            Color = dr.GetString(2),
            MakeFlag = dr.GetBoolean(3),
            SellStartDate= dr.GetDateTime(4)
         });
    }
    return productList;
    }
}

Data tarafımız hazır. Şimdi de page.xaml’ı Expression Blend ile açalım ve bir DataGrid ekleyelim ve DataGrid üzerinde göstereceğimiz kolonları ayarlayalım.

</UserControl>

DataGrid’in dizayn kısmını hallettik, şimdi de datayı getirecek kodları yazalım. İlk olarak servisin bir örneğini oluşturacağız. Sonrasında uygulama’nın Loaded event listenerini oluşturup servisten veriyi çekeceğiz. Son olarak da servisten gelen metodun completed even listenerini oluşturup gelen veriyi gride bağlayacağız.

using SilverlightToolkits.ServiceReference1; // Eklemeyi unutmayalım

WebService1SoapClient s = new WebService1SoapClient();
public Page()
{
    InitializeComponent();
    this.Loaded += new RoutedEventHandler(Page_Loaded); // yüklendiğinde çalışacak olan event
    s.GetProductsCompleted += new EventHandler<SilverlightToolkits.ServiceReference1.GetProductsCompletedEventArgs>(s_GetProductsCompleted); // Serviste kullandığımız metodun sonucu geldiğinde çalışacak olan event
}

void s_GetProductsCompleted(object sender, SilverlightToolkits.ServiceReference1.GetProductsCompletedEventArgs e)
{
    grid.ItemsSource = e.Result; // Sonucu gride bağladık
}

void Page_Loaded(object sender, RoutedEventArgs e)
{
    s.GetProductsAsync(); // Servise çağrıda bulunduk
}

Test edelim

Verilerimizi gride çektik. Tarih alanında herhangi bir yere tıklarsak takvimin çıktığını görüyoruz.

Makalenin sonuna geldik, başka bir makalede görüşmek dileğiyle. .NET ve Silverlight ile kalın ;)

Sem GÖKSU
www.semgoksu.com | www.yazilimgunlugu.com
sem.goksu@yazilimgunlugu.com

Kaynaklar
msdn.com
silverlight.net