zoukankan      html  css  js  c++  java
  • Silverlight 控件绑定到对象

    在本演练中,您将创建一个包含数据绑定控件的 Silverlight 应用程序。 控件将绑定到两个相关的用户定义业务对象。

    本演练阐释了以下任务:

    • 创建 Silverlight 应用程序。

    • 创建要绑定到用户界面的两个相关自定义对象。

    • 运行“数据源配置向导”以连接到填充“数据源”窗口的自定义对象。

    • 通过将项从“数据源”窗口拖到 Silverlight Designer 来创建一组数据绑定控件。

      说明 说明

      以下说明中的某些 Visual Studio 用户界面元素在您的计算机上出现的名称或位置可能会不同。 您安装的 Visual Studio 版本以及使用的设置决定了这些元素。 有关更多信息,请参见 使用设置

    系统必备


    您需要以下组件来完成本演练:

    • Visual Studio 2010.

    事先了解以下概念也很有用,但对于完成本演练并不是必需的:

    • 使用 Silverlight Designer。 有关更多信息,请参见 Silverlight

    • Silverlight 数据绑定。 有关更多信息,请参见 Data Binding(数据绑定)。

    • 使用 XAML。 有关更多信息,请参见 XAML

    创建 Silverlight 应用程序


    通过创建 Silverlight 应用程序开始此演练。

    创建 Silverlight 项目
    1. 在“文件”菜单上创建新项目。

    2. 在“Visual C#”或“Visual Basic”节点下,单击“Silverlight”,然后单击 “Silverlight 应用程序”。

    3. 在“名称”框中,键入 SilverlightObjectBinding,然后单击“确定”。

    4. 保留“新建 Silverlight 应用程序”对话框中的默认设置,然后单击“确定”。

      将以包含以下两个项目的解决方案的形式创建 Silverlight 应用程序:SilverlightObjectBinding 项目,以及用于承载 SilverlightObjectBinding 项目的 SilverlightObjectBinding.Web 项目。

    创建要绑定到的自定义对象


    若要向应用程序公开数据,必须定义一个数据模型。 在本演练中,您将为该数据模型创建表示客户和订单的自定义对象。

    创建 Customers 对象
    1. 在“解决方案资源管理器”中,右击“SilverlightObjectBinding”项目,指向“添加”,然后单击“新建项”。

    2. 在“添加新项”对话框中,单击“类”项。

    3. 将名称更改为 Customer,然后单击“添加”。

    4. 在 Customer 代码文件中,将 Customer 类替换为下面的代码。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。
    创建 Orders 对象
    1. 在“解决方案资源管理器”中,右击“SilverlightObjectBinding”项目,指向“添加”,然后单击“新建项”。

    2. 在“添加新项”对话框中,单击“类”项。

    3. 将名称更改为 Order,然后单击“添加”。

    4. 在 Order 代码文件中,将 Order 类替换为下面的代码。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。
    5. 生成项目。

    创建对象数据源


    创建一个对象数据源,并通过运行“数据源配置向导”填充“数据源”窗口。

    创建对象数据源
    1. 在“数据”菜单上,单击“显示数据源”。

    2. 在“数据源”窗口中,单击“添加新数据源”。

      出现“数据源配置向导”。

    3. 在“选择数据源类型”页上,单击“对象”,然后单击“下一步”。

    4. 在“选择数据对象”页中,展开树视图两次,然后选中“Customers”旁边的复选框。

      说明 说明

      确保选择“Customers”,而不是单数形式的“Customer”。 如果“Customers”不可用,请退出向导并重新生成解决方案。

    5. 单击“完成”。

      将用对象数据源填充“数据源”窗口。

    创建数据绑定控件


    通过将“Customers”和“Orders”节点从“数据源”窗口拖到设计器,创建显示对象中的数据的控件。

    创建数据绑定控件
    1. 在设计视图中打开 MainPage.xaml。

    2. 从“数据源”窗口中,将“Customers”节点拖到设计器。

    3. 从“数据源”窗口中,将“Orders”节点拖到设计器中的客户网格下方。

    用数据填充对象并将它们绑定到生成的 CollectionViewSource


    由于本演练使用自定义对象作为数据模型,因此在 Silverlight 页打开时将创建和加载示例数据。

    从“数据源”窗口中拖出对象数据源后,将生成代码注释来帮助配置数据源以指向您的自定义对象。 取消注释生成的代码注释,并设置 [System.Windows.Data.CollectionViewSource.Source](myCollectionViewSource) 以指向您的数据对象集合。 下面的过程演示如何修改生成的代码,以将其绑定到生成的控件。

    每次将项从“数据源”窗口拖到设计器时,都会在 Silverlight 页上生成一个 [System.Windows.Data.CollectionViewSource]。 其名称基于您使用的数据源。 将显示为 'Resource Key for CollectionViewSource' 的注释替换为 CustomersViewSource 或 customerViewSource,具体情况视语言而言。

    用数据填充对象并将控件绑定到对象
    1. 在“解决方案资源管理器”中,展开“MainPage.xaml”节点,然后双击“MainPage.xaml”代码文件。

    2. 在代码文件(MainPage.xaml.vb 或 MainPage.xaml.cs)中,将以下方法添加到 MainPage 类:

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。
    3. 将 UserControl_Loaded 事件处理程序中的带注释代码替换为以下代码:

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。

      VB

      C#

      C++

      F#

      JScript

      复制

      不支持该语言或没有可用的代码示例。

    测试应用程序


    生成并运行应用程序,以验证您是否能够查看客户记录。

    测试应用程序
    1. 在“生成”菜单上,单击“生成解决方案”。 验证解决方案已生成且未发生错误。

    2. 运行该应用程序。

    3. 验证三个客户是否显示在数据网格中,并且选定客户的订单是否显示在订单网格中。

    4. 选择其他客户,并验证订单是否更新以仅显示选定客户的订单。

    5. 关闭应用程序。

    后续步骤


    完成本演练后,您可以执行以下相关任务:

    • 了解如何将更改保存回数据存储。 有关更多信息,请参见 Data Binding(数据绑定)。

    请参见

  • 相关阅读:
    windows2003 如何配置ASP网站
    如何在asp.net中获取GridView隐藏列的值?
    GridView.RowCommand 事件中获取当前行的信息
    模块导入导出
    API / DOM
    HTTP(搁置)
    npm
    链接(跳转)<routerlink> 和 路由实例Router
    elementui
    vuex
  • 原文地址:https://www.cnblogs.com/gredswsh/p/1888689.html
Copyright © 2011-2022 走看看