半岛权威十大直营(官方)网站

    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：