Essential Studio for WinRT界面控件包含了商業平板應用程序開發中所需的所有控件，如市場上運行速度最快的grid 、chart、RDL報表查看器、豐富的文本查看器及圖表等。與此同時件還包含了一組獨特的庫，用于從WinRT應用程序中生成Excel、Word以及PDF格式的文件。今天來看看如何利用Essential Studio for WinRT填充項目。

項目來源：

    Accordion項目可以用商業對象集來進行填充，下面的示例顯示了如何創建一個Accordion對象，用于顯示員工列表。

員工模型如下所示：

C#

public class Employee
    {
        public string Name { get; set; }
 
        public string Description { get; set; }
}

可以如下創建一個員工集：

C#

private List<Employee> employees;
 
public List<Employee> Employees
   {
     get { return employees; }
     set { employees = value; }
   }

可使用下面的代碼進行項目的填充：

C#

Employees = new List<Employee>();
 
Employees.Add(new Employee() { Name = "James", Description = "Description                                               about James" });
 
Employees.Add(new Employee() { Name = "Linda", Description = "Description                                               about Linda" });
 
Employees.Add(new Employee() { Name = "Carl", Description = "Description                                                about Carl" });
 
Employees.Add(new Employee() { Name = "Niko", Description = "Description     

綁定員工集到Accordion控件的項目源屬性：

XAML

<layout:SfAccordion  HorizontalAlignment="Center" VerticalAlignment="Center"            
                     ItemsSource="{Binding Employees}" />

Accordion將會如下進行填充：

顯示成員路徑：

    Accordion控件的DisplayMemberPath屬性主要用于定義在標題和accordion項目內容中需要顯示的模型屬性。

XAML

<layout:SfAccordion HorizontalAlignment="Center" VerticalAlignment="Center"            
            DisplayMemberPath="Name"
            ItemsSource="{Binding Employees}" />

這將會如下所示填充Accordion控件：

內容模板

    Accordion控件的內容模版屬性可以被用于定制Accordion項目的部分內容：

XAML

<layout:SfAccordion HorizontalAlignment="Center" VerticalAlignment="Center"
                            ItemsSource="{Binding Persons}">
        <layout:SfAccordion.ContentTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" FontStyle="Italic" FontSize="16"/>
            </DataTemplate>
        </layout:SfAccordion.ContentTemplate>
    <layout:SfAccordion/>

這個將會按照下面的方式進行填充：

表頭模版：

    Accordion控件的標題模版屬性可以用于自定義Accordion項目的標題內容：

XAML

<layout:SfAccordion HorizontalAlignment="Center" VerticalAlignment="Center"
                            ItemsSource="{Binding Persons}">
        <layout:SfAccordion.ContentTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" FontStyle="Italic" FontSize="16"/>
            </DataTemplate>
        </layout:SfAccordion.ContentTemplate>
        <layout:SfAccordion.HeaderTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" FontWeight="ExtraBold" FontSize="24"/>
            </DataTemplate>
        </layout:SfAccordion.HeaderTemplate>
 <layout:SfAccordion/>

這個將會按照如下的方式填充Accordion：