上一页下一页

将 HTML 属性动态化

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

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

使用“绑定”面板将 HTML 属性动态化:
  1. 通过选择“窗口”>“绑定”打开“绑定”面板。
  2. 确保“绑定”面板列出了您要使用的数据源。
  3. 内容源应包含与您要绑定的 HTML 属性相适合的数据。如果列表中没有出现任何内容源,或者可用的内容源不能满足您的需要,请单击加号 (+) 按钮以定义新的数据源。有关说明,请参见定义动态内容源

  4. 在“设计”视图中选择 HTML 对象。
  5. 例如,若要选择 HTML 表格,请在表格内单击一下,然后在位于文档窗口左下方的标签选择器内单击 <table> 标签。

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

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

使用属性检查器将 HTML 属性动态化:
  1. 在“设计”视图中选择一个 HTML 对象,然后打开属性检查器(“窗口”>“属性”)。
  2. 例如,若要选择 HTML 表格,请在表格内单击一下,然后在位于文档窗口左下方的标签选择器内单击 <table> 标签。

  3. 在属性检查器的“标准”视图中,如果您要绑定的属性旁边有一个文件夹图标,请单击该文件夹图标以打开一个文件选择对话框,然后单击“数据源”选项以显示数据源列表。跳至第 6 步。
  4. 在“标准”视图中,如果您要绑定的属性旁边没有文件夹图标,请单击检查器左侧的“列表”标签(两个标签中位置较低的那个)。
  5. 属性检查器的“列表”视图随即出现。
    这是所描述的功能的图片。

  6. 如果“列表”视图中未列出您要绑定的属性,请单击加号 (+) 按钮,然后输入属性的名称,或者单击小箭头按钮,然后从弹出式菜单中选择该属性。
  7. 若要将属性值动态化,请单击该属性,然后单击位于该属性行末端的闪电图标或文件夹图标。如果单击了闪电图标,则将会出现一个数据源列表。
  8. 下面是一个范例:
    这是所描述的功能的图片。

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

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

  11. 单击“确定”。

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


  上一页下一页