§ ITPOW >> 文档 >> JavaScript >> DOM & DHTML

IE 数据岛(3)

作者：vkvi 来源：ITPOW（原创）日期：2006-5-29

这一节，我们讲两个知识点，也是对前一节内容的应用。
先看下面的例子。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>数据岛</title> </head> <body> <xml id="xmlData"> <root> <item> <name><![CDATA[<font color="red">张三</font>]]></name> <gender><![CDATA[<font color="red">男</font>]]></gender> </item> <item> <name><![CDATA[<font color="red">李四</font>]]></name> <gender><![CDATA[<font color="red">男</font>]]></gender> </item> </root> </xml> <table datasrc="#xmlData" datapagesize="1" id="list"> <tr> <td>姓名：<span datafld="name" dataformatas="html"></span></td> </tr> <tr> <td>性别：<span datafld="gender"></span></td> </tr> <tfoot> <tr> <td> <input type="button" value="首页" onclick="javascript:list.firstPage();"> <input type="button" value="上页" onclick="javascript:list.previousPage();"> <input type="button" value="下页" onclick="javascript:list.nextPage();"> <input type="button" value="末页" onclick="javascript:list.lastPage();"> </td> </tr> </tfoot> </table> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

我们发现姓名显示为红色，而性别却把 HTML 代码显示出来了。这是由 dataformatas（注意拼写）决定的。
<span datafld="name" dataformatas="html"></span>
<span datafld="gender"></span>
dataformatas 有两个值：html、text。html 是允许 HTML 有效，text 是原样显示 HTML 标签，text 是默认值。

另一个知识点是分页。先为 table 指定分页大小(datapagesize)，再为 table 指定一个 id，应用时用：
firstPage()、previousPage()、nextPage()、lastPage() 函数分别表示首页、上页、下页、末页，具体见示例。
注意这里的 id 是表格的 id，不是 xml 的 id。

电邮：cftea@126.com