上一页下一页

将 HTML 属性动态化

通过将 HTML 属性绑定到数据可以动态地更改页面的外观。例如，通过将表格的 background 属性绑定到记录集中的域，可以更改表格的背景图像。

可以使用“绑定”面板或属性检查器绑定 HTML 属性。以上两种方法描述如下。

使用“绑定”面板将 HTML 属性动态化：
  1. 通过选择“窗口”>“绑定”打开“绑定”面板。
  2. 确保“绑定”面板列出了您要使用的数据源。

    3. 内容源应包含与您要绑定的 HTML 属性相适合的数据。如果列表中没有出现任何内容源，或者可用的内容源不能满足您的需要，请单击加号 (+) 按钮以定义新的数据源。有关说明，请参见定义动态内容源。

  3. 在“设计”视图中选择 HTML 对象。

    4. 例如，若要选择 HTML 表格，请在表格内单击一下，然后在位于文档窗口左下方的标签选择器内单击 <table> 标签。

  4. 在“绑定”面板中，从列表中选择一种内容源。
  5. 在“绑定到”框中，从弹出式菜单中选择一种 HTML 属性。
  6. 单击“绑定”。

当该页面下次在应用程序服务器中运行时，数据源的值将会赋给该 HTML 属性。

使用属性检查器将 HTML 属性动态化：
  1. 在“设计”视图中选择一个 HTML 对象，然后打开属性检查器（“窗口”>“属性”）。

    2. 例如，若要选择 HTML 表格，请在表格内单击一下，然后在位于文档窗口左下方的标签选择器内单击 <table> 标签。

  2. 在属性检查器的“标准”视图中，如果您要绑定的属性旁边有一个文件夹图标，请单击该文件夹图标以打开一个文件选择对话框，然后单击“数据源”选项以显示数据源列表。跳至第 6 步。
  3. 在“标准”视图中，如果您要绑定的属性旁边没有文件夹图标，请单击检查器左侧的“列表”标签（两个标签中位置较低的那个）。

    4. 属性检查器的“列表”视图随即出现。
    这是所描述的功能的图片。

  4. 如果“列表”视图中未列出您要绑定的属性，请单击加号 (+) 按钮，然后输入属性的名称，或者单击小箭头按钮，然后从弹出式菜单中选择该属性。
  5. 若要将属性值动态化，请单击该属性，然后单击位于该属性行末端的闪电图标或文件夹图标。如果单击了闪电图标，则将会出现一个数据源列表。

    6. 下面是一个范例：
    这是所描述的功能的图片。

    如果单击了文件夹图标，则将会出现一个文件选择对话框。单击“数据源”选项以显示内容源列表。

  6. 从内容源列表中选择一种内容源。

    7. 该内容源应包含与您要绑定的 HTML 属性相适合的数据。如果列表中没有出现任何内容源，或者可用的内容源不能满足您的需要，请定义新的数据源。有关说明，请参见存储和检索页面数据。

  7. 单击“确定”。

当该页面下次在应用程序服务器中运行时，数据源的值将会赋给该 HTML 属性。

  上一页下一页