XForms/Repeat 到表格
外观
< XForms
开发者经常希望以表格结构显示 XML 数据。不幸的是,许多浏览器中使用的 HTML <table>
实现不适合修改。
为了规避这个问题,XForms 允许您将 repeat 用于表格行中的 HTML <table>
元素的属性。因此,您无需使用 <xf:repeat>
元素,而是使用 xf:repeat-nodeset
属性。请注意,您必须在属性上使用xf 前缀。这与通常的过程不同。
注意:此示例在 FireFox 0.6 或 0.7 扩展中无法运行。有关详细信息,请参阅 Bug 280368。
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<title>Repeat Into Table Using xf:repeat-nodeset</title>
<!-- remove this line for non-formfaces implementations -->
<script type="text/javascript" src="formfaces.js"></script>
<xf:model>
<xf:instance xmlns="">
<Data xmlns="">
<Person>
<PersonFullName>John Doe</PersonFullName>
<ContactTelephoneID>(555) 123-4567</ContactTelephoneID>
</Person>
<Person>
<PersonFullName>Jane Smith</PersonFullName>
<ContactTelephoneID>(555) 123-4567</ContactTelephoneID>
</Person>
<Person>
<PersonFullName>Jack Jones</PersonFullName>
<ContactTelephoneID>(555) 123-4567</ContactTelephoneID>
</Person>
<Person>
<PersonFullName>Sue Smith</PersonFullName>
<ContactTelephoneID>(555) 123-4567</ContactTelephoneID>
</Person>
</Data>
</xf:instance>
</xf:model>
</head>
<body>
<table border="1">
<tr>
<th>Name</th>
<th>Telephone Number</th>
</tr>
<tbody xf:repeat-nodeset="Person">
<tr>
<td>
<xf:output ref="PersonFullName" />
</td>
<td>
<xf:output ref="ContactTelephoneID" />
</td>
</tr>
</tbody>
</table>
</body>
</html>
执行 repeat 的行是表格主体标签
<tbody xf:repeat-nodeset="Person">