SilverLight programming tip tricks

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 09:20:52 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 5:20:52 PM

Walkthrough: Adding Query Methods

Filed under: WCF RIA Services

Các phương thức dùng để truy vấn dữ liệu từ dữ liệu nguồn đôi khi được gọi là các query method. Trong WCF RIA Services, các query method phải được xác định bằng cách mà framework xem chúng là query methods. Ngoài ra , các truy vấn luôn trả về một single entity được xác định khác với các truy vấn trả về nhiều giá trị. Để có thêm thông tin về query method, hãy xem Domain Services.

Khi bạn tạo mới một lớp domain service và xác định các entity trong hộp thoại Add New Domain Service Class , thì RIA Services framework sẽ tự động tạo query method đơn giản cho từng entity được trình bày bởi service. Query method nhận tất cả các dòng của entity. Bài viết này mô tả làm cách nào để thêm một query methods mới, thực thi nhiều truy vấn sàng lọc phức tạp hơn bằng một giá trị tham số. Bài này cũng mô tả làm cách nào thêm một truy vấn trả về một giá trị entity và trả về một tập các entity.

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện vào là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem tại liên kết này Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một phương thức trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một instance duy nhất của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(
c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và trả về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.

Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.

public IQueryable<Customer> GetCustomersByLastNameLetter(
            string startingLastNameLetter)
{
    return this.ObjectContext.Customers.Where
             (c => c.LastName.StartsWith(
                      startingLastNameLetter) == true);
}

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" 
               Click="IDButton_Click" Content="Submit">
            </Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" 
                                  Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" 
               Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext =
                          new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
             this._customerContext.Load(
             this._customerContext.GetCustomersByLastNameLetterQuery(
             LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
               this._customerContext.Load(
               this._customerContext.GetCustomersByIDQuery(
               int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation CustomerLoadedCallback(
            LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Nguồn của bài viết và được dịch bởi kpopyo tại đây: http://msdn.microsoft.com/en-us/library/ee707362%28v=VS.91%29.aspx

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 09:19:04 GMT

Revision 5 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 5:19:04 PM

Walkthrough: Adding Query Methods

Filed under: WCF RIA Services

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện vào là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem tại liên kết này Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một phương thức trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một instance duy nhất của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(c ObjectContext.Customers.SingleOrDefault(
c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và trả về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.

Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.

public IQueryable<Customer> GetCustomersByLastNameLetter(
            string startingLastNameLetter)
{
    return this.ObjectContext.Customers.Where
             (c => c.LastName.StartsWith(startingLastNameLetterc.LastName.StartsWith(
                      startingLastNameLetter) == true);
}

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" Click="IDButton_Click" Content="Submit">
            </Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" 
                                  Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" 
                          Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext =
                          new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
                         this._customerContext.Load(
                         this._customerContext.GetCustomersByLastNameLetterQuery(
                              LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
                        this._customerContext.Load(
                        this._customerContext.GetCustomersByIDQuery(
                        int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Nguồn của bài viết và được dịch bởi kpopyo tại đây: http://msdn.microsoft.com/en-us/library/ee707362%28v=VS.91%29.aspx

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 09:13:31 GMT

Revision 4 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 5:13:31 PM

Walkthrough: Adding Query Methods

Filed under: WCF RIA Services

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện vào là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem tại liên kết này Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một phương thức trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một instance duy nhất của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và trả về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.
public IQueryable<Customer> GetCustomersByLastNameLetter(string startingLastNameLetter) { return this.ObjectContext.Customers.Where
(c => c.LastName.StartsWith(startingLastNameLetter) == true); }

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" Click="IDButton_Click" Content="Submit">
            </Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" 
                                  Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" 
                          Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext =
                          new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
                         this._customerContext.Load(
                         this._customerContext.GetCustomersByLastNameLetterQuery(
                              LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
                        this._customerContext.Load(
                        this._customerContext.GetCustomersByIDQuery(
                        int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Nguồn của bài viết và được dịch bởi kpopyo tại đây: http://msdn.microsoft.com/en-us/library/ee707362%28v=VS.91%29.aspx

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 09:03:29 GMT

Revision 3 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 5:03:29 PM

Walkthrough: Adding Query Methods

Filed under: WCF RIA Services

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện vào là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem tại liên kết này Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một phương thức trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một instance duy nhất của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và trả về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.
public IQueryable<Customer> GetCustomersByLastNameLetter(string startingLastNameLetter) { return this.ObjectContext.Customers.Where
(c => c.LastName.StartsWith(startingLastNameLetter) == true); }

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" Click="IDButton_Click" Content="Submit"></Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
                         this._customerContext.Load(
                         this._customerContext.GetCustomersByLastNameLetterQuery(
                              LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
                        this._customerContext.Load(
                        this._customerContext.GetCustomersByIDQuery(
                        int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Nguồn của bài viết và được dịch bởi kpopyo tại đây: http://msdn.microsoft.com/en-us/library/ee707362%28v=VS.91%29.aspx

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 09:01:03 GMT

Revision 2 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 5:01:03 PM

Walkthrough: Adding Query Methods

Filed under: WCF RIA Services

Các phương thức dùng để truy vấn dữ liệu từ dữ liệu nguồn đôi khi được gọi là các query method. Trong WCF RIA Services, các query method phải được xác định bằng cách mà framework xem chúng là query methods.Ngomethods. Ngoài ra , các truy vấn luôn trả về một single entity được xác định khác với các truy vấn trả về nhiều giá trị. Để có thêm thông tin về query method, hãy xem Domain Services.

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện vào là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem tại liên kết này Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một method mà phương thức trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một thể hiện đơn instance duy nhất của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và tar3 trả về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.
public IQueryable<Customer> GetCustomersByLastNameLetter(string startingLastNameLetter) { return this.ObjectContext.Customers.Where
(c => c.LastName.StartsWith(startingLastNameLetter) == true); }

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" Click="IDButton_Click" Content="Submit"></Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
                         this._customerContext.Load(
                         this._customerContext.GetCustomersByLastNameLetterQuery(
                              LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
                        this._customerContext.Load(
                        this._customerContext.GetCustomersByIDQuery(
                        int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Walkthrough: Adding Query Methods

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 08:57:24 GMT

Revision 1 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 4:57:24 PM

Các phương thức dùng để truy vấn dữ liệu từ dữ liệu nguồn đôi khi được gọi là các query method. Trong WCF RIA Services, các query method phải được xác định bằng cách mà framework xem chúng là query methods.Ngoài ra , các truy vấn luôn trả về một single entity được xác định khác với các truy vấn trả về nhiều giá trị. Để có thêm thông tin về query method, hãy xem Domain Services.

Yêu cầu

Visual Studio 2010
Silverlight 4
WCF RIA Services for Visual Studio 2010
AdventureWorkLT sample database
Một RIA Services project đã xuất dữ liệu từ bảng Customer của cơ sở dữ liệu đơn giản AdventureWorksLT như là trong bài viết trước Walkthrough: Creating a RIA Services Solution.

Để thêm một query method với điều kiện là một tham số và trả về một entity duy nhất

Mở solution đã lấy dữ liệu từ bảng Customer trong bài trước.

Để có thêm thông tin, hãy xem Walkthrough: Creating a RIA Services Solution.
Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Thêm một query method nhận một đối số kiểu integer và trả về một Customer entity có customer ID tương ứng.

Nếu một method mà trả về một single entity bao gồm thuộc tính QueryAttribute, thì bạn phải thiết lập thuộc tính IsComposable thành false. Người dùng không thể thao tác thêm các truy vấn từ client. Nếu query method phù hợp với cấu trúc của một câu truy vấn, bạn không cần áp dụng thuộc tính QueryAttribute . Giá trị trả về phải là một thể hiện đơn của một đối tượng entity.
[Query(IsComposable=false)] public Customer GetCustomersByID(int customerID) { return this.ObjectContext.Customers.SingleOrDefault(c => c.CustomerID == customerID); }

Để thêm một query method có một đối số và tar3 về một tập các entity

Trong server project, hãy mở lớp domain service truy xuất dữ liệu từ bảng Customer.

Tên của lớp domain service đã liệt kê trong phần yêu cầu là CustomerDomainService.
Trong domain service, thêm một query method có đầu vào là một tham số kiểu string và trả về bất kì customers nào có tên bắt đầu là một kí tự.

Phương thức này có thể trả về một đối tượng IQueryable<> bởi vì người dùng có thể muốn cung cấp thêm các thao tác truy vấn từ client.
public IQueryable<Customer> GetCustomersByLastNameLetter(string startingLastNameLetter) { return this.ObjectContext.Customers.Where
(c => c.LastName.StartsWith(startingLastNameLetter) == true); }

Để hiển thị kết quả của những query methods này trong client project.

Trong client project, hãy mở MainPage.xaml.

Thêm hai TextBox controls và hai Button controls để người dùng có thể lọc ra các customer bằng ID hay bằng kí tự đầu tiên của tên.

Phần mã XAML sau trình bày một layout hoàn chỉnh với DataGrid đã có .

<UserControl xmlns:data="clr-namespace:System.Windows.Controls;
                   assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.ColumnDefinitions>
            <ColumnDefinition></ColumnDefinition>
            <ColumnDefinition></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="25"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="0">
            <TextBlock Text="search by id: " ></TextBlock>
            <TextBox Name="IDValue" Width="50" ></TextBox>
            <Button Name="IDButton" Click="IDButton_Click" Content="Submit"></Button>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.Column="1">
            <TextBlock Text="search by name: "></TextBlock>
            <TextBox Name="LetterValue" Width="30"></TextBox>
            <Button Name="LetterButton" Click="LetterButton_Click" Content="Submit"></Button>
        </StackPanel>

      <data:DataGrid Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Name="CustomerGrid">
      </data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của trang MainPage.xaml (MainPage.xaml.cs hay MainPage.xaml.vb).

Thêm mã vào để nhận kết quả truy vấn dựa trên những gì mà người dùng nhập vào

using System;
using System.Windows;
using System.Windows.Controls;
using RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{

    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();
        }

        private void LetterButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp = 
                         this._customerContext.Load(
                         this._customerContext.GetCustomersByLastNameLetterQuery(
                              LetterValue.Text), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        private void IDButton_Click(object sender, RoutedEventArgs e)
        {
            IDButton.IsEnabled = false;
            LetterButton.IsEnabled = false;
            LoadOperation<Customer> loadOp =
                        this._customerContext.Load(
                        this._customerContext.GetCustomersByIDQuery(
                        int.Parse(IDValue.Text)), CustomerLoadedCallback, null);
            CustomerGrid.ItemsSource = loadOp.Entities;
        }

        void CustomerLoadedCallback(LoadOperation<Customer> loadOperation)
        {
            IDButton.IsEnabled = true;
            LetterButton.IsEnabled = true;
        }
    }
}

Chạy ứng dụng.

Và đây là hình mô tả danh sách các customers được lọc ra theo tên.

Walkthrough: Creating a RIA Services Solution

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 08:13:27 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 4:13:27 PM

Walkthrough: Creating a RIA Services Solution

Filed under: WCF RIA Services

WCF RIA Services

Trong bài viết này, bạn sẽ tạo một ứng dụng WCF RIA Services nhận dữ liệu từ AdventureWorksLT database. Bạn sẽ sử dụng Silverlight để tạo client trong tầng presentation. Và tạo các lớp entity class đại diện cho các bảng dữ liệu khác nhau. Bài viết này là bài khởi đầu cho một loạt các bài khác.

Yêu cầu đầu tiên

Tạo một solution với một RIA Services Link giữa các Project

Xây dựng một RIA Services solution

Trong Visual Studio, tạo mới một RIA Services project bằng cách chọn File, New, và sau đó là Project. Hộp thoại New Project xuất hiện.
Hãy chọn mẫu Silverlight Application và đặt tên cho project mới là RIAServicesExample.
Click OK.

Hộp thoại New Silverlight Application sẽ xuất hiện.
Hãy click chọn vào ô check box có tên là Enable WCF RIA Services.Khi bạn chọn check box này, thì bạn đã tạo một liên kết RIA Services giữa client project và server project.
Click OK để khởi tạo solution.

Bây giờ thì solution chứa hai projects: một client project và một server project. Client project có tên là RIAServicesExample và nó chứa mã Silverlight mà bạn dùng để tạo tầng presentation. Server project có tên là RIAServicesExample.Web và nó chứa phần code của tầng giữa(middle-tier).

Khởi tạo Data Models

Trong phần này, bạn sẽ khởi tạo các lớp ADO.NET Entity đại diện cho các lớp của AdventureWorksLT database. RIA Services làm việc với nhiều lớp mô hình dữ liệu và nhiều nguồn dữ liệu khác nhau.

Lưu ý:
Khi sử dụng một Entity Data Model với Visual Studio 2010, bạn phải chọn tùy chọn Include foreign key columns in the model. Mặc định thì lựa chọn này được tự động thêm vào khi bạn sử dụng Entity Data Model Wizard. Bạn cũng phải sử dụng behavior mặc định của thông tin mà Entity Data Model mapping nhúng vào trong assembly.

Làm việc với dữ liệu tại tầng middle

Trong cửa sổ Solution Explorer,click phải vào server project (RIAServicesExample.Web), chọn Add, và sau đó chọn New Item.

Hộp thoại Add New Item xuất hiện.
Trong hộp thoại đó, hãy chọn phần Data và sau đó chọn mẫu ADO.NET Entity Data Model.
Đặt tên cho tập tin mới là AdventureWorksModel.edmx và click Add.

Hộp thoại Entity Data Model Wizard xuất hiện.
Trong phần khung Choose Model Contents, hãy chọn Generate from database và click Next.
Trong phần khung Choose Your Data Connection, tạo một kết nối dữ liệu đến database và click Next.
Trong phần cửa sổ Choose Your Database Objects, hãy chọn các bảng Address, Customer, và CustomerAddress.
Click Finish. Lúc này mô hình Entity models đã được thiết lập.
Build solution.

Khởi tạo Domain Service

Trong phần này, bạn sẽ thêm một domain service vào dự án tầng middle. Một domain service trình bày các data entity và các hoạt động của server project đến client project. Bạn có thể thêm business logic vào domain service để quản lí cách thức mà client tương tác với dữ liệu.

Để tạo một domain service

Click đôi vào server project, và chọn Add and New Item.
Trong danh sách hiện ra, hãy chọn Web trong phần khung bên trái và chọn Domain Service Class trong phần khung bên phải.
Đặt tên cho tập tin là CustomerDomainService.cs (hoặc là CustomerDomainService.vb).
Click Add.

Hộp thoại Add New Domain Service Class xuất hiện.
Hãy chắc là check box Enable client access được chọn.
Chọn Customer entity và sau đó chọn Enable Editing cho bảng Customer.
Click OK.

Và lớp domain service đã được tạo.
Hãy mở tập tin CustomerDomainService.cs (hay là CustomerDomainService.vb).

Lưu ý là tập tin này có các đặc điểm sau:
- Lớp CustomerDomainService có từ LinqToEntitiesDomainService<TContext> là một lớp abstract base class trong RIA Services framework. Lớp cơ bản(base class) được sử dụng một cách tự động bởi vì domain service trình bày một lớp dữ liệu ADO.NET Entity.
- Thường thì các base class liên kết với các entity class đã được tạo trong bước trước.
- Lớp CustomerDomainService được đánh dấu với thuộc tính EnableClientAccessAttribute để xác định là nó được xuất hiện trong tầng client.
- Một hàm query có tên là GetCustomers được tạo. Hàm này trả về mọi thành phần trong bảng Customers và không lọc hay sắp xếp gì cả.
- Và còn tạo cả các phương thức insert, update, và delete các dòng dữ liệu.

Khởi tạo Silverlight Client

Vừa rồi bạn đã thêm business logic trong domain service. Và bây giờ, bạn chỉ cần sử dụng phương thức GetCustomers đã tạo.

Bởi vì một liên kết RIA Services tồn tạu giữa client project và server project, các client proxy class được khởi tạo khi bạn build the solution. Những proxy class này cho phép bạn truy cập đến dữ liệu từ client.

Để thấy các client proxy class đã được tạo

Hãy Build solution.

Khi bạn build solution, thì code sẽ được tạo trong client project.
Trong cửa sổ Solution Explorer, click Show All Files dành cho client project. (Bạn hãy chọn client project là "Set as startup project")

Lưu ý là thư mục Generated_Code chứa một tập tin code .
Mở tập tin code trong thư mục Generated_Code.

Lưu ý là tập tin này có các đặc điểm như sau:
- Một WebContext class kế thừa từ lớp WebContextBase đã được tạo.
- Một CustomerDomainContext class được suy ra từ lớp DomainContext đã được tạo. Lớp này có một phương thức tên là GetCustomersQuery tương ứng với phương thức truy vấn đã được tạo trong domain service.
- Một Customer class có nguồn gốc từ Entity class được tạo cho entity do domain service trình bày. Lớp Customer entity trong client project tương ứng với Customer entity trên server.

Để hiển thị dữ liệu trong Silverlight client

Hãy mở MainPage.xaml.
Từ thanh Toolbox, kéo một DataGrid control vào trong Grid element trong cửa sổ chứa mã XAML.

Một XML namespace và một reference đến một Data assembly được thêm vào một cách tự động khi bạn kéo DataGrid từ thanh. Nếu bạn thêm DataGrid mà không kéo nó từ Toolbox, thì bạn phải thêm một reference là System.Windows.Controls.Data assembly và một XML namespace cho xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data". Thí dụ này đã có XML namespace có tên là data, và bạn có thể thêm một cái tên khác cũng được.

Đặt tên cho DataGridCustomerGrid như đoạn code XAML dưới đây.

<UserControl 
    xmlns:data="clr-namespace:System.Windows.Controls;
            assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
      <data:DataGrid Name="CustomerGrid"></data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của MainPage.xaml.
Thêm câu lệnh using (C#) hay Imports (Visual Basic) cho namespace RIAServicesExample.Web và System.ServiceModel.DomainServices.Client namespace.

RIAServicesExample.Web namespace là tập tin code phía sau được khởi tạo cho client project.

Thêm đoạn code sau cho CustomerDomainContext, lấy các customers bằng cách gọi phương thức GetCustomersQuery, và kết nối kết quả vào trong DataGrid, như là đoạn code dưới đây:

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 RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{
    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = 
                  new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();

            LoadOperation<Customer> loadOp = 
                        this._customerContext.Load(
                        this._customerContext.GetCustomersQuery());
            CustomerGrid.ItemsSource = loadOp.Entities;
        }
    }
}

Chạy ứng dụng.

Bạn sẽ thấy dữ liệu của data grid tương tự như sau.

Nguồn của bài viết được dịch bởi kpopyo từ: http://msdn.microsoft.com/en-us/library/ee707376%28v=VS.91%29.aspx

Walkthrough: Creating a RIA Services Solution

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 08:12:25 GMT

Revision 3 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 4:12:25 PM

Walkthrough: Creating a RIA Services Solution

Filed under: WCF RIA Services

WCF RIA Services

Yêu cầu đầu tiên

Tạo một solution với một RIA Services Link giữa các Project

Xây dựng một RIA Services solution

Trong Visual Studio, tạo mới một RIA Services project bằng cách chọn File, New, và sau đó là Project. Hộp thoại New Project xuất hiện.
Hãy chọn mẫu Silverlight Application và đặt tên cho project mới là RIAServicesExample.
Click OK.

Hộp thoại New Silverlight Application sẽ xuất hiện.
Hãy click chọn vào ô check box có tên là Enable WCF RIA Services.Khi bạn chọn check box này, thì bạn đã tạo một liên kết RIA Services giữa client project và server project.
Click OK để khởi tạo solution.

Bây giờ thì solution chứa hai projects: một client project và một server project. Client project có tên là RIAServicesExample và nó chứa mã Silverlight mà bạn dùng để tạo tầng presentation. Server project có tên là RIAServicesExample.Web và nó chứa phần code của tầng giữa(middle-tier).

Khởi tạo Data Models

Lưu ý:
Khi sử dụng một Entity Data Model với Visual Studio 2010, bạn phải chọn tùy chọn Include foreign key columns in the model. Mặc định thì lựa chọn này được tự động thêm vào khi bạn sử dụng Entity Data Model Wizard. Bạn cũng phải sử dụng behavior mặc định của thông tin mà Entity Data Model mapping nhúng vào trong assembly.

Làm việc với dữ liệu tại tầng middle

Trong cửa sổ Solution Explorer,click phải vào server project (RIAServicesExample.Web), chọn Add, và sau đó chọn New Item.

Hộp thoại Add New Item xuất hiện.
Trong hộp thoại đó, hãy chọn phần Data và sau đó chọn mẫu ADO.NET Entity Data Model.
Đặt tên cho tập tin mới là AdventureWorksModel.edmx và click Add.

Hộp thoại Entity Data Model Wizard xuất hiện.
Trong phần khung Choose Model Contents, hãy chọn Generate from database và click Next.
Trong phần khung Choose Your Data Connection, tạo một kết nối dữ liệu đến database và click Next.
Trong phần cửa sổ Choose Your Database Objects, hãy chọn các bảng Address, Customer, và CustomerAddress.
Click Finish. Lúc này mô hình Entity models đã được thiết lập.
Build solution.

Khởi tạo Domain Service

Để tạo một domain service

Click đôi vào server project, và chọn Add and New Item.
Trong danh sách hiện ra, hãy chọn Web trong phần khung bên trái và chọn Domain Service Class trong phần khung bên phải.
Đặt tên cho tập tin là CustomerDomainService.cs (hoặc là CustomerDomainService.vb).
Click Add.

Hộp thoại Add New Domain Service Class xuất hiện.
Hãy chắc là check box Enable client access được chọn.
Chọn Customer entity và sau đó chọn Enable Editing cho bảng Customer.
Click OK.

Và lớp domain service đã được tạo.
Hãy mở tập tin CustomerDomainService.cs (hay là CustomerDomainService.vb).

Lưu ý là tập tin này có các đặc điểm sau:
- Lớp CustomerDomainService có từ LinqToEntitiesDomainService<TContext> là một lớp abstract base class trong RIA Services framework. Lớp cơ bản(base class) được sử dụng một cách tự động bởi vì domain service trình bày một lớp dữ liệu ADO.NET Entity.
- Thường thì các base class liên kết với các entity class đã được tạo trong bước trước.
- Lớp CustomerDomainService được đánh dấu với thuộc tính EnableClientAccessAttribute để xác định là nó được xuất hiện trong tầng client.
- Một hàm query có tên là GetCustomers được tạo. Hàm này trả về mọi thành phần trong bảng Customers và không lọc hay sắp xếp gì cả.
- Và còn tạo cả các phương thức insert, update, và delete các dòng dữ liệu.

Khởi tạo Silverlight Client

Vừa rồi bạn đã thêm business logic trong domain service. Và bây giờ, bạn chỉ cần sử dụng phương thức GetCustomers đã tạo.

Để thấy các client proxy class đã được tạo

Hãy Build solution.

Khi bạn build solution, thì code sẽ được tạo trong client project.
Trong cửa sổ Solution Explorer, click Show All Files dành cho client project. (Bạn hãy chọn client project là "Set as startup project")

Lưu ý là thư mục Generated_Code chứa một tập tin code .
Mở tập tin code trong thư mục Generated_Code.

Lưu ý là tập tin này có các đặc điểm như sau:
- Một WebContext class kế thừa từ lớp WebContextBase đã được tạo.
- Một CustomerDomainContext class được suy ra từ lớp DomainContext đã được tạo. Lớp này có một phương thức tên là GetCustomersQuery tương ứng với phương thức truy vấn đã được tạo trong domain service.
- Một Customer class có nguồn gốc từ Entity class được tạo cho entity do domain service trình bày. Lớp Customer entity trong client project tương ứng với Customer entity trên server.

Để hiển thị dữ liệu trong Silverlight client

Hãy mở MainPage.xaml.
Từ thanh Toolbox, kéo một DataGrid control vào trong Grid element trong cửa sổ chứa mã XAML.

Một XML namespace và một reference đến một Data assembly được thêm vào một cách tự động khi bạn kéo DataGrid từ thanh. Nếu bạn thêm DataGrid mà không kéo nó từ Toolbox, thì bạn phải thêm một reference là System.Windows.Controls.Data assembly và một XML namespace cho xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data". Thí dụ này đã có XML namespace có tên là data, và bạn có thể thêm một cái tên khác cũng được.

Đặt tên cho DataGridCustomerGrid như đoạn code XAML dưới đây.

<UserControl 
    xmlns:data="clr-namespace:System.Windows.Controls;
            assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
      <data:DataGrid Name="CustomerGrid"></data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của MainPage.xaml.
Thêm câu lệnh using (C#) hay Imports (Visual Basic) cho namespace RIAServicesExample.Web và System.ServiceModel.DomainServices.Client namespace.

RIAServicesExample.Web namespace là tập tin code phía sau được khởi tạo cho client project.

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 RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{
    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();

            LoadOperation<Customer> loadOp = this._customerContext.Load(
                                           this._customerContext.GetCustomersQuery());
            CustomerGrid.ItemsSource = loadOp.Entities;
        }
    }
}

Chạy ứng dụng.

Bạn sẽ thấy dữ liệu của data grid tương tự như sau.

Nguồn của bài viết được dịch bởi kpopyo từ: http://msdn.microsoft.com/en-us/library/ee707376%28v=VS.91%29.aspx

Walkthrough: Creating a RIA Services Solution

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 08:10:52 GMT

Revision 2 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 4:10:52 PM

Walkthrough: Creating a RIA Services Solution

Filed under: WCF RIA Services

WCF RIA Services

Yêu cầu đầu tiên

Tạo một solution với một RIA Services Link giữa các Project

Xây dựng một RIA Services solution

Trong Visual Studio, tạo mới một RIA Services project bằng cách chọn File, New, và sau đó là Project. Hộp thoại New Project xuất hiện.
Hãy chọn mẫu Silverlight Application và đặt tên cho project mới là RIAServicesExample.
Click OK.

Hộp thoại New Silverlight Application sẽ xuất hiện.
Hãy click chọn vào ô check box có tên là Enable WCF RIA Services.Khi bạn chọn check box này, thì bạn đã tạo một liên kết RIA Services giữa client project và server project.
Click OK để khởi tạo solution.

Bây giờ thì solution chứa hai projects: một client project và một server project. Client project có tên là RIAServicesExample và nó chứa mã Silverlight mà bạn dùng để tạo tầng presentation. Server project có tên là RIAServicesExample.Web và nó chứa phần code của tầng giữa(middle-tier).

Khởi tạo Data Models

Lưu ý:
Khi sử dụng một Entity Data Model với Visual Studio 2010, bạn phải chọn tùy chọn Include foreign key columns in the model. Mặc định thì lựa chọn này được tự động thêm vào khi bạn sử dụng Entity Data Model Wizard. Bạn cũng phải sử dụng behavior mặc định của thông tin mà Entity Data Model mapping nhúng vào trong assembly.

Làm việc với dữ liệu tại tầng middle

Trong cửa sổ Solution Explorer,click phải vào server project (RIAServicesExample.Web), chọn Add, và sau đó chọn New Item.

Hộp thoại Add New Item xuất hiện.
Trong hộp thoại đó, hãy chọn phần Data và sau đó chọn mẫu ADO.NET Entity Data Model.
Đặt tên cho tập tin mới là AdventureWorksModel.edmx và click Add.

Hộp thoại Entity Data Model Wizard xuất hiện.
Trong phần khung Choose Model Contents, hãy chọn Generate from database và click Next.
Trong phần khung Choose Your Data Connection, tạo một kết nối dữ liệu đến database và click Next.
Trong phần cửa sổ Choose Your Database Objects, hãy chọn các bảng Address, Customer, và CustomerAddress.
Click Finish. Lúc này mô hình Entity models đã được thiết lập.
Build solution.

Khởi tạo Domain Service

Để tạo một domain service

Click đôi vào server project, và chọn Add and New Item.
Trong danh sách hiện ra, hãy chọn Web trong phần khung bên trái và chọn Domain Service Class trong phần khung bên phải.
Đặt tên cho tập tin là CustomerDomainService.cs (hoặc là CustomerDomainService.vb).
Click Add.

Hộp thoại Add New Domain Service Class xuất hiện.
Hãy chắc là check box Enable client access được chọn.
Chọn Customer entity và sau đó chọn Enable Editing cho bảng Customer.
Click OK.

Và lớp domain service đã được tạo.
Hãy mở tập tin CustomerDomainService.cs (hay là CustomerDomainService.vb).

Lưu ý là tập tin này có các đặc điểm sau:
- Lớp CustomerDomainService có từ LinqToEntitiesDomainService<TContext> là một lớp abstract base class trong RIA Services framework. Lớp cơ bản(base class) được sử dụng một cách tự động bởi vì domain service trình bày một lớp dữ liệu ADO.NET Entity.
- Thường thì các base class liên kết với các entity class đã được tạo trong bước trước.
- Lớp CustomerDomainService được đánh dấu với thuộc tính EnableClientAccessAttribute để xác định là nó được xuất hiện trong tầng client.
- Một hàm query có tên là GetCustomers được tạo. Hàm này trả về mọi thành phần trong bảng Customers và không lọc hay sắp xếp gì cả.
- Và còn tạo cả các phương thức insert, update, và delete các dòng dữ liệu.

Khởi tạo Silverlight Client

Vừa rồi bạn đã thêm business logic trong domain service. Và bây giờ, bạn chỉ cần sử dụng phương thức GetCustomers đã tạo.

Để thấy các client proxy class đã được tạo

Hãy Build solution.

Khi bạn build solution, thì code sẽ được tạo trong client project.
Trong cửa sổ Solution Explorer, click Show All Files dành cho client project. (Bạn hãy chọn client project là "Set as startup project")

Lưu ý là thư mục Generated_Code chứa một tập tin code .
Mở tập tin code trong thư mục Generated_Code.

Lưu ý là tập tin này có các đặc điểm như sau:
- Một WebContext class kế thừa từ lớp WebContextBase đã được tạo.
- Một CustomerDomainContext class được suy ra từ lớp DomainContext đã được tạo. Lớp này có một phương thức tên là GetCustomersQuery tương ứng với phương thức truy vấn đã được tạo trong domain service.
- Một Customer class có nguồn gốc từ Entity class được tạo cho entity do domain service trình bày. Lớp Customer entity trong client project tương ứng với Customer entity trên server.

Để hiển thị dữ liệu trong Silverlight client

Hãy mở MainPage.xaml.
Từ thanh Toolbox, kéo một DataGrid control vào trong Grid element trong cửa sổ chứa mã XAML.

Một XML namespace và một reference đến một Data assembly được thêm vào một cách tự động khi bạn kéo DataGrid từ thanh. Nếu bạn thêm DataGrid mà không kéo nó từ Toolbox, thì bạn phải thêm một reference là System.Windows.Controls.Data assembly và một XML namespace cho xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data". Thí dụ này đã có XML namespace có tên là data, và bạn có thể thêm một cái tên khác cũng được.

Đặt tên cho DataGridCustomerGrid như đoạn code XAML dưới đây.

<UserControl 
    xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Dataclr-namespace:System.Windows.Controls;
                                        assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
      <data:DataGrid Name="CustomerGrid"></data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của MainPage.xaml.
Thêm câu lệnh using (C#) hay Imports (Visual Basic) cho namespace RIAServicesExample.Web và System.ServiceModel.DomainServices.Client namespace.

RIAServicesExample.Web namespace là tập tin code phía sau được khởi tạo cho client project.

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 RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{
    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();

            LoadOperation<Customer> loadOp = this._customerContext.Load(
                                           this._customerContext.GetCustomersQuery());
            CustomerGrid.ItemsSource = loadOp.Entities;
        }
    }
}

Chạy ứng dụng.

Bạn sẽ thấy dữ liệu của data grid tương tự như sau.

Nguồn của bài viết được dịch bởi kpopyo từ: http://msdn.microsoft.com/en-us/library/ee707376%28v=VS.91%29.aspx

Walkthrough: Creating a RIA Services Solution

Nguyễn Thị Như Quỳnh — Sun, 26 Sep 2010 08:05:44 GMT

Revision 1 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/26/2010 4:05:44 PM

WCF RIA Services

Yêu cầu đầu tiên

Tạo một solution với một RIA Services Link giữa các Project

Xây dựng một RIA Services solution

Trong Visual Studio, tạo mới một RIA Services project bằng cách chọn File, New, và sau đó là Project. Hộp thoại New Project xuất hiện.
Hãy chọn mẫu Silverlight Application và đặt tên cho project mới là RIAServicesExample.
Click OK.

Hộp thoại New Silverlight Application sẽ xuất hiện.
Hãy click chọn vào ô check box có tên là Enable WCF RIA Services.Khi bạn chọn check box này, thì bạn đã tạo một liên kết RIA Services giữa client project và server project.
Click OK để khởi tạo solution.

Bây giờ thì solution chứa hai projects: một client project và một server project. Client project có tên là RIAServicesExample và nó chứa mã Silverlight mà bạn dùng để tạo tầng presentation. Server project có tên là RIAServicesExample.Web và nó chứa phần code của tầng giữa(middle-tier).

Khởi tạo Data Models

Lưu ý:
Khi sử dụng một Entity Data Model với Visual Studio 2010, bạn phải chọn tùy chọn Include foreign key columns in the model. Mặc định thì lựa chọn này được tự động thêm vào khi bạn sử dụng Entity Data Model Wizard. Bạn cũng phải sử dụng behavior mặc định của thông tin mà Entity Data Model mapping nhúng vào trong assembly.

Làm việc với dữ liệu tại tầng middle

Trong cửa sổ Solution Explorer,click phải vào server project (RIAServicesExample.Web), chọn Add, và sau đó chọn New Item.

Hộp thoại Add New Item xuất hiện.
Trong hộp thoại đó, hãy chọn phần Data và sau đó chọn mẫu ADO.NET Entity Data Model.
Đặt tên cho tập tin mới là AdventureWorksModel.edmx và click Add.

Hộp thoại Entity Data Model Wizard xuất hiện.
Trong phần khung Choose Model Contents, hãy chọn Generate from database và click Next.
Trong phần khung Choose Your Data Connection, tạo một kết nối dữ liệu đến database và click Next.
Trong phần cửa sổ Choose Your Database Objects, hãy chọn các bảng Address, Customer, và CustomerAddress.
Click Finish. Lúc này mô hình Entity models đã được thiết lập.
Build solution.

Khởi tạo Domain Service

Để tạo một domain service

Click đôi vào server project, và chọn Add and New Item.
Trong danh sách hiện ra, hãy chọn Web trong phần khung bên trái và chọn Domain Service Class trong phần khung bên phải.
Đặt tên cho tập tin là CustomerDomainService.cs (hoặc là CustomerDomainService.vb).
Click Add.

Hộp thoại Add New Domain Service Class xuất hiện.
Hãy chắc là check box Enable client access được chọn.
Chọn Customer entity và sau đó chọn Enable Editing cho bảng Customer.
Click OK.

Và lớp domain service đã được tạo.
Hãy mở tập tin CustomerDomainService.cs (hay là CustomerDomainService.vb).

Lưu ý là tập tin này có các đặc điểm sau:
- Lớp CustomerDomainService có từ LinqToEntitiesDomainService<TContext> là một lớp abstract base class trong RIA Services framework. Lớp cơ bản(base class) được sử dụng một cách tự động bởi vì domain service trình bày một lớp dữ liệu ADO.NET Entity.
- Thường thì các base class liên kết với các entity class đã được tạo trong bước trước.
- Lớp CustomerDomainService được đánh dấu với thuộc tính EnableClientAccessAttribute để xác định là nó được xuất hiện trong tầng client.
- Một hàm query có tên là GetCustomers được tạo. Hàm này trả về mọi thành phần trong bảng Customers và không lọc hay sắp xếp gì cả.
- Và còn tạo cả các phương thức insert, update, và delete các dòng dữ liệu.

Khởi tạo Silverlight Client

Vừa rồi bạn đã thêm business logic trong domain service. Và bây giờ, bạn chỉ cần sử dụng phương thức GetCustomers đã tạo.

Để thấy các client proxy class đã được tạo

Hãy Build solution.

Khi bạn build solution, thì code sẽ được tạo trong client project.
Trong cửa sổ Solution Explorer, click Show All Files dành cho client project. (Bạn hãy chọn client project là "Set as startup project")

Lưu ý là thư mục Generated_Code chứa một tập tin code .
Mở tập tin code trong thư mục Generated_Code.

Lưu ý là tập tin này có các đặc điểm như sau:
- Một WebContext class kế thừa từ lớp WebContextBase đã được tạo.
- Một CustomerDomainContext class được suy ra từ lớp DomainContext đã được tạo. Lớp này có một phương thức tên là GetCustomersQuery tương ứng với phương thức truy vấn đã được tạo trong domain service.
- Một Customer class có nguồn gốc từ Entity class được tạo cho entity do domain service trình bày. Lớp Customer entity trong client project tương ứng với Customer entity trên server.

Để hiển thị dữ liệu trong Silverlight client

Hãy mở MainPage.xaml.
Từ thanh Toolbox, kéo một DataGrid control vào trong Grid element trong cửa sổ chứa mã XAML.

Một XML namespace và một reference đến một Data assembly được thêm vào một cách tự động khi bạn kéo DataGrid từ thanh. Nếu bạn thêm DataGrid mà không kéo nó từ Toolbox, thì bạn phải thêm một reference là System.Windows.Controls.Data assembly và một XML namespace cho xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data". Thí dụ này đã có XML namespace có tên là data, và bạn có thể thêm một cái tên khác cũng được.

Đặt tên cho DataGridCustomerGrid như đoạn code XAML dưới đây.

<UserControl 
    xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  
    x:Class="RIAServicesExample.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">

    <Grid x:Name="LayoutRoot" Background="White">
      <data:DataGrid Name="CustomerGrid"></data:DataGrid>
    </Grid>
</UserControl>

Mở tập tin code phía sau của MainPage.xaml.
Thêm câu lệnh using (C#) hay Imports (Visual Basic) cho namespace RIAServicesExample.Web và System.ServiceModel.DomainServices.Client namespace.

RIAServicesExample.Web namespace là tập tin code phía sau được khởi tạo cho client project.

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 RIAServicesExample.Web;
using System.ServiceModel.DomainServices.Client;

namespace RIAServicesExample
{
    public partial class MainPage : UserControl
    {
        private CustomerDomainContext _customerContext = new CustomerDomainContext();

        public MainPage()
        {
            InitializeComponent();

            LoadOperation<Customer> loadOp = this._customerContext.Load(this._customerContext.GetCustomersQuery());
            CustomerGrid.ItemsSource = loadOp.Entities;
        }
    }
}

Chạy ứng dụng.

Bạn sẽ thấy dữ liệu của data grid tương tự như sau.

Nguồn của bài viết được dịch bởi kpopyo từ: http://msdn.microsoft.com/en-us/library/ee707376%28v=VS.91%29.aspx

Silverlight Tip of the Day #33: How to Scale your entire App and its Elements to your Browsers Size

Nguyễn Thị Như Quỳnh — Thu, 19 Aug 2010 01:49:55 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/19/2010 9:49:55 AM

Silverlight Tip of the Day #33: How to Scale your entire App and its Elements to your Browsers Size

Filed under: Silverlight

Hãy nói

Giả sử là bạn có 1 ứng dụng Silverlight mà bạn muốn thu nhỏ lại bằng chiều rộng và chiều của cửa sổ trình duyệt của bạn. Bằng cách này ứng dụng được đưa lên toàn bộ cửa sổ và không chỉ là một cửa sổ với kích thước cố định. Để minh họa điều này, tôi đã tạo một ứng dụng đơn giản của những phần tử UI ngẫu nhiên trên nó.

Bạn có thể xem trước và chạy ứng dụng tại đây:http://silverlight.services.live.com/invoke/66033/Page%20Scaling/iframe.html

Ngoài ra, những cửa sổ sau sẽ cho bạn thấy ứng dụng đơn giản thay đổi trình duyệt với nhiều kích cỡ khác nhau (cao, bình thường, rộng). Như bạn có thể thấy, mỗi phần tử UI trong ứng dụng được chia cân xứng với kích thước của trình duyệt.

Để hoàn thành điều này, tất cả những việc bạn phải làm là thêm một RenderTransform của phần ScaleTransform vào một Grid hay Canvas của ứng dụng Silverlight của bạn.

Thí dụ, thêm đoạn code sau vào trang Page.xaml của bạn:

<Canvas>
    <Canvas.RenderTransform>
        <ScaleTransform x:Name="CanvasScale" ScaleX=”1” ScaleY=”1”></ScaleTransform>
    </Canvas.RenderTransform>
</Canvas>

Gán ScaleX và ScaleY là “1” thì tương đương với tỉ lệ là 100% . Nếu bạn gán ScaleX và ScaleY là “0.33” thì control sẽ bằng 1/3 kích cỡ bình thường của nó.

Nào bây giờ, như đã chứng minh tại Tip of the Day #9 kiểm soát việc thay đổi kích cỡ trình duyệt trong tập tin Page.xaml.cs của bạn. Gán cho CanvasScale ScaleX và ScaleY với một phần trăm mà bạn muốn cho chiều dài và chiều rộng.

namespace ScaleTransform
{
    public partial class Page : UserControl
    {
        private int _startingWidth = 800;
        private int _startingHeight = 600;
 
        public Page()
        {
            InitializeComponent();
 
            App.Current.Host.Content.Resized += new EventHandler(Content_Resized);
        }
        void Content_Resized(object sender, EventArgs e)
        {
            double height = App.Current.Host.Content.ActualHeight;   
            double width = App.Current.Host.Content.ActualWidth;
 
            CanvasScale.ScaleX = width / _startingWidth;
            CanvasScale.ScaleY = height / _startingHeight;
        }
       
    }
}

Thank you,
--Mike Snow

Silverlight Tip of the Day #33: How to Scale your entire App and its Elements to your Browsers Size

Nguyễn Thị Như Quỳnh — Thu, 23 Jul 2009 05:21:16 GMT

Revision 1 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 7/23/2009 1:21:16 PM

Hãy nói là bạn có 1 ứng dụng Silverlight mà bạn muốn thu nhỏ lại bằng chiều rộng và chiều của cửa sổ trình duyệt của bạn. Bằng cách này ứng dụng được đưa lên toàn bộ cửa sổ và không chỉ là một cửa sổ với kích thước cố định. Để minh họa điều này, tôi đã tạo một ứng dụng đơn giản của những phần tử UI ngẫu nhiên trên nó.

Bạn có thể xem trước và chạy ứng dụng tại đây:http://silverlight.services.live.com/invoke/66033/Page%20Scaling/iframe.html

Thí dụ, thêm đoạn code sau vào trang Page.xaml của bạn:

<Canvas>
    <Canvas.RenderTransform>
        <ScaleTransform x:Name="CanvasScale" ScaleX=”1” ScaleY=”1”></ScaleTransform>
    </Canvas.RenderTransform>
</Canvas>

Gán ScaleX và ScaleY là “1” thì tương đương với tỉ lệ là 100% . Nếu bạn gán ScaleX và ScaleY là “0.33” thì control sẽ bằng 1/3 kích cỡ bình thường của nó.

namespace ScaleTransform
{
    public partial class Page : UserControl
    {
        private int _startingWidth = 800;
        private int _startingHeight = 600;
 
        public Page()
        {
            InitializeComponent();
 
            App.Current.Host.Content.Resized += new EventHandler(Content_Resized);
        }
        void Content_Resized(object sender, EventArgs e)
        {
            double height = App.Current.Host.Content.ActualHeight;   
            double width = App.Current.Host.Content.ActualWidth;
 
            CanvasScale.ScaleX = width / _startingWidth;
            CanvasScale.ScaleY = height / _startingHeight;
        }
       
    }
}

Thank you,
--Mike Snow

Uninstall Silverlight SDK RTM before installing VS 2010 Beta 2

Nguyễn Thị Như Quỳnh — Mon, 21 Dec 2009 06:54:57 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 12/21/2009 2:54:57 PM

Nếu bạn đã cài đặt phiên bản Silverlight 3 SDK RTM (không phải GDR) thì bạn cần phải gỡ bỏ uninstall nó trước khi chạy trình cài đặt Visual Studio 2010 beta 2 setup.

Điều này không phân biệt là phiên bản ngôn ngữ SDK language hay là nền tảng platform. SDK GDR không cài đặt trên phiên bản RTM của SDK. Vấn đề này nên được khắc phục bởi RTM.

Nếu bạn tiến hành cài đặt trong tình trạng này thì bạn sẽ nhận được một lỗi được thông báo vào cuối tiến trình cài đặt, là việc cài đặt SDK đã bị thất bại. Lỗi này không ảnh hưởng đến việc cài đặt phiên bản beta 2 đối với Visual Studio nhưng bạn vẫn sẽ cần gỡ bỏ SDK RTM và cài đặt lại SDK GDR nếu bạn muốn có phiên bản mới nhất của SDK.

Để uninstall phiên bản RTM của SDK:

Hãy vào chương trình Add/Remove programs của bạn.
Sau đó chọn Microsoft Silverlight 3 SDK.
Nhấp phải chuột trên nó và chọn uninstall từ thanh thực đơn hiện ra.

Vào lúc này bạn có thể cài đặt Visual Studio 2010 Beta 2 mà có thể tải về từ đây ==> here.

Hãy lưu ý là bạn có thể cài đặt SL3 GDR SDK trực tiếp tại đây: http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=1ea49236-0de7-41b1-81c8-a126ff39975b.

Thank you,

--Mike

Silverlight Tip of the Day #106 – Setting Default Browser from within VS

Nguyễn Thị Như Quỳnh — Mon, 21 Dec 2009 06:42:58 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 12/21/2009 2:42:58 PM

Từ trong VS bạn có thể xác định trình duyệt Internet browser nào mà bạn muốn khởi chạy khi đang chạy ứng dụng Silverlight của bạn. Trình duyệt hệ thống mặc định của bạn không bị thay đổi bởi thiết lập này.

Để thực hiện thay đổi này, hãy nhấp phải chuột trên trang web khởi động của bạn và chọn Browse with… từ thanh thực đơn hiện ra. Thao tác này sẽ làm xuất hiện hộp thoại sau:

Từ trong hộp thoại này bạn hãy chọn trình duyệt mà bạn muốn sử dụng và chọn “Set as Default”. Đóng hộp thoại sau khi bạn thực hiện xong

Thank you,
--Mike Snow

Silverlight Tip of the Day #104 – Cool Silverlight Tutorial Blogs

Nguyễn Thị Như Quỳnh — Fri, 25 Sep 2009 12:51:28 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/25/2009 8:51:28 PM

Trong khóa học năm ngoái tôi đã thu thập được một số Silverlight tutorial blogs thật sự tốt mà tôi nghĩ tôi sẽ share với các bạn. Là những blog đang hoạt động, được update thường xuyên, được định hướng cụ thể để giảng dạy về lập trình Silverlight. Tức là, chúng hiển thị tất cả cho bạn về làm thế nào để thực hiện và cho bạn phần source code bạn cần để tự làm điều đó. Nếu tôi nhỡ mất bất kì đường link hay nào hãy post một comment và tôi sẽ thêm nó vào!

Các trang web Silverlight tutorial theo thứ tự alphabetical:

Author/Site	Link
Andy Beauliue	http://www.andybeaulieu.com/Home/tabid/67/Default.aspx
Brad Adams	http://blogs.msdn.com/brada/default.aspx
Chris Hay	http://www.screencast.com/users/chrishayuk
DotNet Curry	http://www.dotnetcurry.com/
Jesse Liberty	http://silverlight.net/blogs/jesseliberty/
Joe Stegman	http://blogs.msdn.com/jstegman/default.aspx
Nikola Mihaylov	http://blogs.msdn.com/nikola/default.aspx
Page Brooks	http://pagebrooks.com/
Pete Brown	http://community.irritatedvowel.com/blogs/pete_browns_blog/default.aspx
Shawn Wildermuth	http://wildermuth.com/
Silverlight Learning Resources	http://silverlight.net/learn/
SilverlightShow	http://www.silverlightshow.net/
Terence Tsang	http://www.shinedraw.com/
Tim Heuer	http://timheuer.com/blog/
Timmy Kokke	http://geekswithblogs.net/tkokke/Default.aspx

Ngoài ra, đây là một trang Silverlight Blog rất tuyệt: http://www.netvibes.com/rboarman#Silverlight

Thank you,
--Mike

Silverlight Tip of the Day #103 – Use Integers for Layout Calculations

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 23:15:22 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/19/2009 7:15:22 AM

Silverlight Tip of the Day #103 – Use Integers for Layout Calculations

Khi tính toán vị trí của các vật thể(object) như là trong các Imageschắc chắn là để , sử dụng các giá trị số nguyên (integer values) sẽ không làm tràn các điểm giá trị.

Thí dụ, hãy nhìn vào đoạn code này mà đặt tại trung tâm bản đồ(map) đặt một đồ vớimột vị trí nhất định:

private void CenterMap(double windowWidth, double windowHeight)
{
    if (null != _parentCanvas)
    {
        int leftPos = (int) ((windowWidth / 2) - _currentX);
        int topPos = (int) ((windowHeight / 2) - _currentY);
 
        _parentCanvas.SetValue(Canvas.LeftProperty, (double) leftPos);
        _parentCanvas.SetValue(Canvas.TopProperty, (double)topPos);
    }
}

Hãy lưu ý là tôi chuyển layout của bản đồ đặt tại left và top để được là số nguyên(integer). Screen shot sau hiển thị là một ví dụ về sử dụng các giá trị double thay vì là các giá trị nguyên integers. Kết quả là những image hơi mờ và các đường thẳng (hay các đường nối ) xuất hiện giữa các hình ảnh đặt cạnh nhau.

So sánh với screenshot ở trên với screenshot sử dụng các số doubles với các shot bên dưới sử dụng các giá trị integers. Trong screen shot bên dưới các images sắc nét và giữa các hình đặt cạnh nhau không có các đường nối hay các đường thẳng.

Thank you,
--Mike Snow

Silverlight Tip of the Day #103 – Use Integers for Layout Calculations

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:48:38 GMT

Revision 2 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:48:38 PM

Silverlight Tip of the Day #103 – Use Integers for Layout Calculations

Khi tính toán vị trí của các vật thể(object) như là các Images chắc chắn là để sự sử dụng giá trị số nguyên (integer values) not floating point values không làm tràn các điểm giá trị.

Thí dụ, hãy nhìn vào đoạn code này đặt tại mà trung tâm một âm bản đồ(map) đặt một vị trí nhất định:

private void CenterMap(double windowWidth, double windowHeight)
<!--CRLF-->

{
<!--CRLF-->

    if (null != _parentCanvas)
<!--CRLF-->

    {
<!--CRLF-->

        int leftPos = (int) ((windowWidth / 2) - _currentX);
<!--CRLF-->

        int topPos = (int) ((windowHeight / 2) - _currentY);
<!--CRLF-->
 
<!--CRLF-->

 
        _parentCanvas.SetValue(Canvas.LeftProperty, (double) leftPos);
<!--CRLF-->

        _parentCanvas.SetValue(Canvas.TopProperty, (double)topPos);
<!--CRLF-->

    }
<!--CRLF-->

}
<!--CRLF-->

Hãy lưu ý là tôi chuyển layout của bản đồ đặt tại left và top để được là số nguyên(integer). Screen shot sau hiển thị một ví dụ về sử dụng các giá trị double thay vì là các giá trị nguyên integers. Kết quả là những image hơi mờ và các đường (hay các seamsđường nối ) xuất hiện giữa các image tileshình ảnh đặt cạnh nhau.

So sánh với screenshot ở trên sử dụng các số doubles với các shot bên dưới sử dụng các giá trị integers. Trong screen shot bên dưới các images sắc nét và giữa các terrain tiles hình đặt cạnh nhau không có seams các đường nối hay các đường thẳng.

Thank you,
--Mike Snow

Silverlight Tip of the Day #103 – Use Integers for Layout Calculations

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:43:13 GMT

Revision 1 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:43:13 PM

Khi tính toán vị trí của các vật thể(object) như là các Images chắc chắn là để sự dụng giá trị số nguyên (integer values) not floating point values.

Thí dụ, hãy nhìn vào đoạn code này đặt tại trung tâm một bản đồ(map) một vị trí nhất định:

private void CenterMap(double windowWidth, double windowHeight)
<!--CRLF-->
{
<!--CRLF-->
    if (null != _parentCanvas)
<!--CRLF-->
    {
<!--CRLF-->
        int leftPos = (int) ((windowWidth / 2) - _currentX);
<!--CRLF-->
        int topPos = (int) ((windowHeight / 2) - _currentY);
<!--CRLF-->
 
<!--CRLF-->
        _parentCanvas.SetValue(Canvas.LeftProperty, (double) leftPos);
<!--CRLF-->
        _parentCanvas.SetValue(Canvas.TopProperty, (double)topPos);
<!--CRLF-->
    }
<!--CRLF-->
}
<!--CRLF-->

So sánh với screenshot ở trên sử dụng các số doubles với các shot bên dưới sử dụng các giá trị integers. Trong screen shot bên dưới các images sắc nét và giữa các terrain tiles không có seams hay các đường thẳng.

Thank you,
--Mike Snow

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:27:53 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:27:53 PM

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Filed under: Silverlight

Mặc định Silverlight sẽ không download một hình ảnh image nhiều hơn một lần nếu được chứa trong image cache. Tức làThat is, à, miễn là URI vẫn giống nhau, nó sẽ tham chiếu các image từ bộ nhớ đệm(cache).

Vậy sẽ thế nào nếu hình ảnh trên máy chủ server thay đổi mặc dù URI vẫn giữ nguyên? Ứng dụng của bạn có thể dẫn đến một update bằng cách gán giá trị thuộc tính IgnoreImageCache thành true.

Thí dụ:

Image img = new Image();

Uri uri = new Uri("http://YourServer.com/MyImage.png", UriKind.Absolute);

BitmapImage bi = new System.Windows.Media.Imaging.BitmapImage(uri);

bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;

img.Source = bi;

LayoutRoot.Children.Add(img);

Thank you,
--Mike Snow

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:25:40 GMT

Revision 3 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:25:40 PM

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Filed under: Silverlight

Mặc định Silverlight sẽ không download một hình ảnh image nhiều hơn một lần nếu được chứa trong image cache. Tức làThat is, miễn là URI vẫn giống nhau, nó sẽ tham chiếu các image từ bộ nhớ đệm(cache).

Vậy sẽ thế nào nếu hình ảnh trên máy chủ server thay đổi mặc dù URI vẫn giữ nguyên? Ứng dụng của bạn có thể dẫn đến một update bằng cách gán giá trị thuộc tính IgnoreImageCache thành true.

Thí dụ:

Image img = new Image();

Uri uri = new Uri("http://YourServer.com/MyImage.png", UriKind.Absolute);

BitmapImage bi = new System.Windows.Media.Imaging.BitmapImage(uri);

bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;

img.Source = bi;

LayoutRoot.Children.Add(img);

Thank you,
--Mike Snow

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:24:15 GMT

Revision 2 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:24:15 PM

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Filed under: Silverlight

Mặc định Silverlight sẽ không download một hình ảnh image nhiều hơn một lần nếu được chứa trong image cache. Tức làThat is, miễn là URI vẫn giống nhau, nó sẽ tham chiếu các image từ bộ nhớ đệm(cache).

Vậy sẽ thế nào nếu hình ảnh trên máy chủ server thay đổi mặc dù URI vẫn giữ nguyên? Ứng dụng của bạn có thể dẫn đến một update bằng cách gán giá trị thuộc tính IgnoreImageCache thành true.

Thí dụ:

Image img = new Image();

Uri uri = new Uri("http://YourServer.com/MyImage.png", UriKind.Absolute);

BitmapImage bi = new System.Windows.Media.Imaging.BitmapImage(uri);

bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;

img.Source = bi;

LayoutRoot.Children.Add(img);

Thank you,
--Mike Snow

Silverlight Tip of the Day #102 - Bypassing the Image Cache

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 12:22:47 GMT

Revision 1 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 8:22:47 PM

Mặc định Silverlight sẽ không download một hình ảnh image nhiều hơn một lần nếu được chứa trong image cache. Tức làThat is, miễn là URI vẫn giống nhau, nó sẽ tham chiếu các image từ bộ nhớ đệm(cache).

Thí dụ:

Image img = new Image();
<!--CRLF-->
Uri uri = new Uri("http://YourServer.com/MyImage.png", UriKind.Absolute);
<!--CRLF-->
BitmapImage bi = new System.Windows.Media.Imaging.BitmapImage(uri);
<!--CRLF-->
bi.CreateOptions = BitmapCreateOptions.IgnoreImageCache;
<!--CRLF-->
img.Source = bi;
<!--CRLF-->
LayoutRoot.Children.Add(img);
<!--CRLF-->

Thank you,
--Mike Snow

Silverlight Tip of the Day #101 – Silverlight 3 Beta 1 Feature Summary

Nguyễn Thị Như Quỳnh — Fri, 18 Sep 2009 08:45:43 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 9/18/2009 4:45:43 PM

Unless you have had your head under a rock you probably have heard Silverlight 3 Beta 1 has been released! Nếu bạn chưa có, hãy install nó từ đây http://silverlight.net/getstarted/silverlight3/default.aspx

Phiên bản này được đóng gói kèm theo một số các chức năng tuyệt nhất từ trước đến nay. Nếu bạn là một nhà lập trình phát triển game, bạn sẽ vui mừng khi nghe các chức năng bên dưới đây bây giờ đã có trong Silverlight 3. Tôi sẽ và đang viết các chi tiết về số các chức năng này trên blog để giúp bạn áp dụng chúng trong các ứng dụng của bạn.

Image Opened

Trong Silverlight 2 rất khó để xác định một cách chính xác khi nào một image được mở hoàn toàn. Trường hợp này thường cần đến để xác định kích thước thực tế của image. Vấn đề đó xảy ra vì DownloadProgress được khởi động 100% trước khi image được hoàn toàn decoded(giải mã). Để giải quyết vấn đề này, một event mới được gọi là ImageOpened đã xuất hiện trong Silverlight 3. Bây giờ đảm bảo bạn có thể có được kích thước phù hợp của image. Thí dụ:

private void LoadImage(string fileName)
{
    Image img = new Image();
    Uri uri = new Uri(fileName, UriKind.Relative);
    img.Source = new System.Windows.Media.Imaging.BitmapImage(uri);
    img.ImageOpened += new EventHandler<RoutedEventArgs>(Image_ImageOpened);
}
 
void Image_ImageOpened(object sender, RoutedEventArgs e)
{
    Image img = (Image)sender;
    BitmapImage bi = (BitmapImage)img.Source;
    double width = bi.PixelWidth;
    double height = bi.PixelWidth != _radius)
}

XAP Compression

Sự tối ưu hóa được thực hiện để giảm thiểu kích thước của các file XAP. Bạn có thể hi vọng là kích thước của file XAP bây giờ có thể ngang bằng (nếu không tốt hơn) Windows zipping. Các game thường được đóng gói kèm với rất nhiều nội dung vì vậy rõ ràng là nếu kích thước file XAP của bạn càng nhỏ thì các khách hàng của bạn sẽ có thể download các game của bạn càng nhanh.

Perspective 3D

Perspective 3D transforms bây giờ có thể được áp dụng trong các Silverlight controls dựa vào thuộc tính PlaneProjection property. Điều này cho phép bạn rotate một 2D control trong một 3D plane.

Đoạn code ví dụ này sẽ trình bày cách thức để thực hiện được điều đó:

<Image Source="Man.png">
    <Image.Projection>
        <PlaneProjection RotationX="45"></PlaneProjection>
    </Image.Projection>
</Image>

Pixel Shaders

Pixel shaders cho phép bạn áp dụng các hiệu ứng(effect) để kiểm soát như là các images. Có hai hiệu ứng mặc định có sẵn là: Drop Shadow và Blur. Ngoài ra, bạn có thể sáng tạo và áp dụng các hiệu ứng tùy chỉnh của riêng bạn.

Các image sau hiển thị kết quả của việc áp dụng hiệu ứng pixel shader effects trên nó:

Đây là đoạn code ví dụ để thực hiện việc này thông qua một built trong shader:

<Image Source="dwarf.jpg">
    <Image.Effect>
        <BlurEffect></BlurEffect>
    </Image.Effect>
</Image>

Binding

Bây giờ bạn có thể bind các control để kết nối đến các cái khác. Thí dụ, Text của một TextBlock có thể bind đến Text của một TextBox. Hoặc là, một TextBox Text có thể bind đến một Value of Slider. Thí dụ:

<StackPanel>
    <TextBox x:Name="UserText"></TextBox>            
    <TextBlock Text="{Binding Text, ElementName=UserText}"></TextBlock>
</StackPanel>

Bất cứ loại nào trong TextBox cũng tự động được tham chiếu(reflected) trong TextBlock.

Bitmap API

Bitmap APIs bây giờ đã sẵn sàng được sử dụng thông qua một class gọi là WriteableBitmap. Phương thức này có các tham số như là surface width và height và định dạng pixel.

Đoạn code thí dụ:

WriteableBitmap wb = new WriteableBitmap(0, 0, PixelFormats.Bgr32);
wb.Render(img, new ScaleTransform());
wb.Lock();
// walk through WriteableBitmap[]
wb.Invalidate();
wb.Unlock();

Hardware Acceleration

Silverlight bây giờ làm cho việc sử dụng GPU (Graphics Processing Unit) cho rendering mà giải phóng thời gian rảnh rỗi của CPU cho các task khác. Các GPU thường được đặt trên một video card. Nó là một thiết bị xử lý đồ họa chuyên dụng được sử dụng cho một loạt các nhiệm vụ như là tính toán hoạt động của các dấu chấm động .

Animated Text Performance Improvements

Một thuộc tính gọi là TextRenderingMode bây giờ đã cho phép bạn xác định RenderForAnimation. Điều này turns off sự tối ưu hóa(optimization) mà có thể ảnh hưởng trực tiếp đến các text animation như là scaling, rotating, vv.... Kết quả là một smother, thực thi các sự chuyển động của text nhiều hơn. Thí dụ về cách thức gán thuộc tính này như sau:

RenderOptions.SetTextRenderingMode(MyTextbox, TextRenderingMode.RenderForAnimation);

Network Monitoring API

Bây giờ đã có API’s cho phép bạn kiểm soát tình trạng network. Để xem một mạng lưới hiện đang có sẵn hay không, bạn có thể gọi:

bool isConnected = NetworkInterface.GetIsNetworkAvailable();

Bạn cũng có thể gắn thêm một event sẽ khởi động khi network status thay đổi:

NetworkChange.NetworkAddressChanged += new NetworkAddressChangedEventHandler(NetworkChange_NetworkAddressChanged);

Để kết nối đến các phương thức này, bạn sẽ cần reference đến namespace System.Net.NetworkInformation;

SaveFileDialog

Cuối cùng chúng ta đã có thể save các file trong Silverlight! Thực hiện gọi phương thức này sẽ dẫn ra một hộp thoại dialog cho phép bạn xác định một file để save. Phương thức này trả về một con trỏ(pointer) trỏ đến một Stream mà bạn có thể write và hơn thế nữa ở trên đó. Đoạn code thí dụ:

SaveFileDialog sfd = new SaveFileDialog();
sfd.Filter = "map files (*.xml)|*.xml|All files (*.*)|*.*";
sfd.ShowDialog();
System.IO.Stream stream = sfd.OpenFile();
 
// Save your data here
 
stream.Flush();
stream.Close();

Hãy chắc là để flush và close stream hoặc là file sẽ không được tạo.

CaretBrush

CaretBrush rất có ích vì bạn bây giờ có thể thay đổi sự xuất hiện của caret(dấu nháy viết). Đây sẽ là một vấn đề nếu, thí dụ, bạn muốn có một màu background color của một textbox được gán . Thế là dấu nháy trỏ đen(cursor) cùng màu đen sẽ không xuất hiện. Đây là thí dụ làm sao để đổi màu của dấu nháy:

<TextBox Foreground="White" Background="Black" Width="200" Text="Hello">
    <TextBox.CaretBrush>
        <SolidColorBrush Color="White"></SolidColorBrush>
    </TextBox.CaretBrush>
</TextBox>

Kết quả của Screenshot (hãy chú ý đến dấu nháy trắng(white caret)):

Local Connection

Tính năng này cho phép hai ứng dụng Silverlight riêng biệt giao tiếp với từng cái khác trên client side mà không cần làm một vòng đến server.

Thực thi tính năng này khá dễ dàng. Bắt đầu bằng việc khởi tạo hai ứng dụng Silverlight riêng biệt. Với mỗi cái, hãy thêm đoạn code này để lắng nghe( listen) cho một message:

LocalMessageReceiver receiver = new LocalMessageReceiver("R2D2");
receiver.MessageReceived += new EventHandler<MessageReceivedEventArgs>(receiver_MessageReceived);
receiver.Listen();

Bạn sẽ cần để tham chiếu (reference) đến System.Windows.Messaging để thực hiện các cuộc gọi này. Hàm khởi tạo cho LocalMessageReceiver mang một định danh duy nhất.

Với ứng dụng khác thêm đoạn code này sẽ gửi một message đến ứng dụng Silverlight đầu tiên:

LocalMessageSender sender = new LocalMessageSender("R2D2");
sender.SendCompleted += new EventHandler<SendCompletedEventArgs>(sender_SendCompleted);
sender.SendAsync("Hello World!");

Navigation

Navigation bây giờ đã được hỗ trợ trong Silverlight. Điều này cho phép bạn làm một số việc như là nối navigation trong ứng dụng Silverlight của bạn vào các button Back và Forward của browser của bạn. Một template mới được gọi là “Silverlight Navigation Application” có sẵn để minh họa bằng cách nào để thực hiện điều này.

Về cơ bản để thực hiện điều này bạn sẽ cần đặt main page của bạn vào trong một thẻ <navigation:Frame>. Bạn thêm history bằng cách gọi cái này:

this.Frame.Navigate(new Uri(currentPage, UriKind.Relative));

Sau đó, khi các back và forward buttons của browse của bạn được click thì frame object này sẽ chặn chúng và hiển thị trang đúng.

System Colors

Bây giờ bạn có thể truy cập đến một user thiết lập cho System Colors của họ. Những thuộc tính này có sẵn trong System.Windows.SystemColors.*. Thí dụ: System.Windows.SystemColors.ActiveBorderColor. Điều này sẽ cho phép bạn đặt một sự đối chiếu cho phù hợp với một user's settings.

Other

Out of Browser Experience – Cho phép bạn run ứng dụng Silverlight như là một desktop application.
Assembly Caching – Enables non-core runtime extensions to be cached.
ManagedResourceDictionary – Quản lý resources files trong các separate files.
New controls – Một số các controls mới đã được thêm vào.
H.264 / AAC Media Playback - Hỗ trợ định dạng Media mới.
Animation Easing Effects - Hỗ trợ thêm các hiệu ứng hình ảnh gồm cả smoother transitions.

Media Logging - Cho phép bạn thu gom dữ liệu về một customer và các meda experience của họ. Dự liệu được gửi lại cho một hay nhiều servers để phân tích.

Thanks,

--Mike Snow

Silverlight Tip Of The Day Từ Tip 61 đến Tip 100

Nguyễn Thị Như Quỳnh — Thu, 06 Aug 2009 20:45:36 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/7/2009 4:45:36 AM

Đây là Silverlight Tip Of The Day Từ Tip 61 đến Tip 100, gồm có 2 file: file word và file pdf, nội dung giống nhau.

File PDF

File Word

Thanks you

--Quỳnh

Silverlight Tip of the Day

Nguyễn Thị Như Quỳnh — Mon, 03 Aug 2009 16:18:43 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/4/2009 12:18:43 AM

Đây là tài liệu về tất cả những bài Silverlight Tip of the Day từ bài 1 đến bài 60.

Có hai file: file pdf và file docx. Hai file có nội dung giống nhau.

File PDF

File Word

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Nguyễn Thị Như Quỳnh — Mon, 03 Aug 2009 14:13:20 GMT

Current revision posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/3/2009 10:13:20 PM

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Filed under: Silverlight

Mỗi phần tử Silverlight đều được biểu diễn bằng một thuộc tính là RenderTransform , thuộc tính này được sử dụng để chuyển đổi vị trí của phần tử. Tôi sẽ làm thử một chuyển động xoay tròn không ngừng của 1 hình ảnh như dưới đây:

http://silverlight.services.live.com/invoke/66033/How%20to%20Animate%20a%20Rotating%20Image/iframe.html
Click vào để xem ảnh gốc



Đầu tiên hãy khai báo một hình ảnh trong trang Page.xaml. Hãy chắc là bạn đã thêm cái hình đó vào cái thư mục nơi bạn đặt project mã của bạn. Vì chúng ta sẽ thực hiện xoay ảnh quanh trung tâm của nó, nên ta sẽ gán 2 thuộc tính CenterX và  CetnerY là tọa độ trung tâm của hình mà ta sẽ xoay. Trong trường hợp của tôi, tôi sử dụng ảnh có kích thước là 64x48 pixels, nên trung tâm sẽ gán là CenterX=32, CenterY=24.
Trong trang XAML thay <Grid></Grid> bằng:


<Canvas Background="Black">
    <Image x:Name="FireballLogo" Source="images/Fireballlogo.png">
        <Image.RenderTransform>
            <RotateTransform x:Name="FireballTransform" CenterX="32" CenterY="24"></RotateTransform>
        </Image.RenderTransform>
    </Image>
</Canvas>


Tiếp theo, hãy thiết lập thời gian lặp bằng cách sử dụng CompositionTarget.Rendering trong sự kiện lặp của chúng ta. Ta thực hiện chuyển đổi vị trí xung quanh trung tâm của hình là 32,24  vì kích thước của hình là 64x48 . Với mỗi lần chuyển động, chúng ta tăng góc lên 1.


namespace Tip17
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
 
            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }
 
        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            FireballTransform.Angle += 1; 
            FireballTransform.Transform(new Point(32, 24)); 
        }
    }
}


Thank you, 
  
--Mike Snow

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Nguyễn Thị Như Quỳnh — Mon, 03 Aug 2009 14:11:33 GMT

Revision 7 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/3/2009 10:11:33 PM

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Filed under: Silverlight

http://silverlight.services.live.com/invoke/66033/How%20to%20Animate%20a%20Rotating%20Image/iframe.html

tiên hãy khai báo một hình ảnh trong trang Page.xaml. Hãy chắc là bạn đã thêm cái hình đó vào cái thư mục nơi bạn đặt project mã của bạn. Vì chúng ta sẽ thực hiện xoay ảnh quanh trung tâm của nó, nên ta sẽ gán 2 thuộc tính CenterX và CetnerY là tọa độ trung tâm của hình mà ta sẽ xoay. Trong trường hợp của tôi, tôi sử dụng ảnh có kích thước là 64x48 pixels, nên trung tâm sẽ gán là CenterX=32, CenterY=24.

Trong trang XAML thay <Grid></Grid> bằng:

<Canvas Background="Black">
    <Image x:Name="FireballLogo" Source="images/Fireballlogo.png">
        <Image.RenderTransform>
            <RotateTransform x:Name="FireballTransform" CenterX="32" CenterY="24"></RotateTransform>
        </Image.RenderTransform>
    </Image>
</Canvas>

Tiếp theo, hãy thiết lập thời gian lặp bằng cách sử dụng CompositionTarget.Rendering trong sự kiện lặp của chúng ta. Ta thực hiện chuyển đổi vị trí xung quanh trung tâm của hình là 32,24 vì kích thước của hình là 64x48 . Với mỗi lần chuyển động, chúng ta tăng góc lên 1.

namespace Tip17
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
 
            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }
 
        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            FireballTransform.Angle += 1; 
            FireballTransform.Transform(new Point(32, 24)); 
        }
    }
}

Thank you,
--Mike Snow

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Nguyễn Thị Như Quỳnh — Mon, 03 Aug 2009 14:05:47 GMT

Revision 6 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 8/3/2009 10:05:47 PM

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Filed under: Silverlight

http://msbluelight-0.agappdom.net/e1/d/66033/16631694/63381312000/0.WGrE6tkn5t6kzSZQQr9H3PECxUA/zziframehtml2zz.html#%2f%2fappId%2fTip17Publish%252fClientBin%252fTip17.xap%2f%2f%2f%2f%2f%2f%2ftrue%2f2.0%2f1%2fTip17Publish%252fSilverlight.js

http://silverlight.services.live.com/invoke/66033/How%20to%20Animate%20a%20Rotating%20Image/iframe.html

Trong trang XAML thay <Grid></Grid> bằng:

<Canvas Background="Black">
    <Image x:Name="FireballLogo" Source="images/Fireballlogo.png">
        <Image.RenderTransform>
            <RotateTransform x:Name="FireballTransform" CenterX="32" CenterY="24"></RotateTransform>
        </Image.RenderTransform>
    </Image>
</Canvas>

namespace Tip17
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
 
            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }
 
        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            FireballTransform.Angle += 1; 
            FireballTransform.Transform(new Point(32, 24)); 
        }
    }
}

Thank you,
--Mike Snow

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Nguyễn Thị Như Quỳnh — Sun, 21 Jun 2009 22:14:34 GMT

Revision 5 posted to SilverLight programming tip tricks by Nguyễn Thị Như Quỳnh on 6/22/2009 6:14:34 AM

Silverlight Tip of the Day #17: How to Animate a Rotating Image

Filed under: Silverlight

Trong trang XAML thay <Grid></Grid> bằng:

<Canvas Background="Black">
    <Image x:Name="FireballLogo" Source="images/Fireballlogo.png">
        <Image.RenderTransform>
            <RotateTransform x:Name="FireballTransform" CenterX="32" CenterY="24"></RotateTransform>
        </Image.RenderTransform>
    </Image>
</Canvas>

namespace Tip17
{
    public partial class Page : UserControl
    {
        public Page()
        {
            InitializeComponent();
 
            CompositionTarget.Rendering += new EventHandler(CompositionTarget_Rendering);
        }
 
        void CompositionTarget_Rendering(object sender, EventArgs e)
        {
            FireballTransform.Angle += 1; 
            FireballTransform.Transform(new Point(32, 24)); 
        }
    }
}

Thank you,
--Mike Snow