IE 数据岛(2)

作者:vkvi 来源:ITPOW(原创) 日期:2006-5-29

数据岛的应用分为两个方面:数据与表现。

数据

数据岛的数据是以 XML 格式存储的,而这种格式又有两种存储方式:嵌入 HTML 或以单独的文件存储。

关于 XML 格式我们不作介绍,您可以参照 ITPOW 的其它文章。

嵌入 HTML
<xml id="TAGID">
  XML格式
</xml>
例如:
<xml id="users">
  <?xml version="1.0" encoding="gb2312"?>嵌入时省略此句也不出错
  <root>
    <item>
      <name>张三</name>
      <gender>男</gender>
    </item>
    <item>
      <name>李四</name>
      <gender>男</gender>
    </item>
  </root>
</xml>

以单独的文件存储
比如有这么一个 XML 文件:
<?xml version="1.0" encoding="gb2312"?>
<root>
  <item>
    <name>张三</name>
    <gender>男</gender>
  </item>
  <item>
    <name>李四</name>
    <gender>男</gender>
  </item>
</root>
在 HTML 区引用这个 XML 文件。
<xml id="TAGID" src="XML文件地址"></xml>

表现

主要利用两个属性对让 XML 内容显示出来:datasrc 和 datafld,datasrc 表示使用哪个 XML 数据,datasrc 表示使用 XML 数据中的哪个节点。
XML 数据可以在众多 HTML 标签上表现,诸如 table、div、span、input、label 等。
datasrc 属性值为 # 加上 XML 数据的 id 属性值。注意,一定不能搞忘了 #。
datafld 属性值为 XML 数据的节点名称。

再回顾一下前面的例子。


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

XML 数据的循环
如果 XML 的数据内部有多个同级同名的节点,则可以利用 table 进行自动循环显示。
例:


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

我们可以看到它会自动循环 tbody,当然 thead、tfoot 并不是必须有的,如果省略 tbody,IE 会把 table 的所有内容当作 tbody。

可以看到我们还在 table 中用了一个属性 datapagesize,从字面意思不难理解它表示分页大小,省略则表示不分页。

相关文章