sp;<TD><SPAN DATAFLD="Image"></SPAN></TD>
</TR>
</TBODY>
</TABLE>
这里不必为数据绑定担心,本例介绍的是表格数据绑定,下面将详细讨论这方面的内容。在这里使用是因为能较好地说明格式化数据。
在浏览器中打开它,将会看到图10-3所示的结果:
图10-3 绑定数据的格式化
可以看到数据文件中的三行数据全部显示在浏览器中,但是HTML作为文本显示。为了见到HTML格式的数据,需要使用属性DATAFORMATAS。
<TD><SPAN DATAFLD="Description"></SPAN></TD>
<TD><SPAN DATAFLD="Image" DATAFORMATAS="HTML"></SPAN></TD>
此时在浏览器打开它,会得到一个效果较好的HTML页面,如图10-4所示:
图10-4 绑定数据HTML格式化
将第二个字段格式化为HTML文档,这一事实说明了字段任何HTML标记都可以解释成为HTML文档。因此,IMG标记变为真正的图像,而源文件中并不包含任何IMG标记,只有绑定的数据。
可以为任一数据源中的字段使用这种格式,任何HTML标记都会被解释。这对于那些允许用户输入格式化文本的情形是比较有利的。
1. 支持数据绑定的元素
在上面的例子,使用了<SPAN>、<DIV>和<TABLE>标记来绑定数据,但并不是所有的HTML元素都支持数据绑定。表10-5详细列举了这些元素,表中列是:
? HTML元素定义支持数据绑定的元素。
? 绑定属性定义绑定到数据的HTML元素的属性。例如上面的DIV标记,绑定的数据就放在innerText属性中。如果使用A标记,并将其绑定到一个字段,那么数据将会放在href属性中。
? 可否更新数据指出元素中的绑定数据是否能被更新。
? 可否表格绑定指出该元素是否允许绑定子元素。稍后会讨论这个内容。? 可否作为HTML显示指出数据是否能格式化为HTML文档。
</TR>
</TBODY>
</TABLE>
这里不必为数据绑定担心,本例介绍的是表格数据绑定,下面将详细讨论这方面的内容。在这里使用是因为能较好地说明格式化数据。
在浏览器中打开它,将会看到图10-3所示的结果:
图10-3 绑定数据的格式化
可以看到数据文件中的三行数据全部显示在浏览器中,但是HTML作为文本显示。为了见到HTML格式的数据,需要使用属性DATAFORMATAS。
<TD><SPAN DATAFLD="Description"></SPAN></TD>
<TD><SPAN DATAFLD="Image" DATAFORMATAS="HTML"></SPAN></TD>
此时在浏览器打开它,会得到一个效果较好的HTML页面,如图10-4所示:
图10-4 绑定数据HTML格式化
将第二个字段格式化为HTML文档,这一事实说明了字段任何HTML标记都可以解释成为HTML文档。因此,IMG标记变为真正的图像,而源文件中并不包含任何IMG标记,只有绑定的数据。
可以为任一数据源中的字段使用这种格式,任何HTML标记都会被解释。这对于那些允许用户输入格式化文本的情形是比较有利的。
1. 支持数据绑定的元素
在上面的例子,使用了<SPAN>、<DIV>和<TABLE>标记来绑定数据,但并不是所有的HTML元素都支持数据绑定。表10-5详细列举了这些元素,表中列是:
? HTML元素定义支持数据绑定的元素。
? 绑定属性定义绑定到数据的HTML元素的属性。例如上面的DIV标记,绑定的数据就放在innerText属性中。如果使用A标记,并将其绑定到一个字段,那么数据将会放在href属性中。
? 可否更新数据指出元素中的绑定数据是否能被更新。
? 可否表格绑定指出该元素是否允许绑定子元素。稍后会讨论这个内容。? 可否作为HTML显示指出数据是否能格式化为HTML文档。