将 HTML 属性动态化

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

可以使用"绑定"面板或属性检查器绑定 HTML 属性。

若要使用"绑定"面板将 HTML 属性动态化,请执行以下操作:

  1. 通过选择"窗口">"绑定"打开"绑定"面板。
  2. 确保"绑定"面板列出了您要使用的数据源。

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

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

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

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

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

若要使用属性检查器将 HTML 属性动态化,请执行以下操作:

  1. 在"设计"视图中选择一个 HTML 对象,然后打开属性检查器("窗口">"属性")。

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

  2. 将动态内容源绑定到 HTML 属性的方式取决于该属性所在的位置:

    "属性"检查器的"列表"视图随即出现。

  3. 若要将属性值动态化,请单击该属性,然后单击位于该属性行末端的闪电图标或文件夹图标。

    如果单击了闪电图标,则将会出现一个数据源列表。

    这里提供了一个示例:



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

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

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

  5. 单击"确定"。

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




未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/36_addi7.htm

 

E中荷|荷兰华人电子商务