珞珈网首页·加入收藏·设为首页·导航
Google
 

  当前位置: 珞珈网 >>网络编程 >> Xml编程 >> XSL简明教程(5)XSL的索引

XSL简明教程(5)XSL的索引

时间:2008-07-21 18:23:32  来源:互联网 浏览次数:0  

原著:Jan Egil Refsnes 翻译:阿捷
五. XSL 的索引

如果我需要将元素的显示按一定的顺序排列,应该如何建立XSL的索引呢?

我们还是来看前面的例子,还是这段代码:

<?xml version="1.0" encoding="ISO8859-1" ?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>...

当XML文档被转换成HTML文件,索引应该同时建立。简单的办法就是给你的for-each元素增加一个order-by属性,就象这样:

<xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">

order-by属性带有一个"+"或者"-" 的符号,用来定义索引的方式,是升序还是降序排列。符号后面的名字就是要索引的关键字。

例如(cd_catalog_sort.xsl):
<?xml version='1.0'?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<body>
<table border="2" bgcolor="yellow">
<tr>
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="CATALOG/CD" order-by="+ ARTIST">
<tr>
<td><xsl:value-of select="TITLE"/></td>
<td><xsl:value-of select="ARTIST"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>

最后,我们用下面的HTML代码来显示索引结果,你可以自己尝试一下。

<html>
<body>
<script language="javascript">
// Load XML
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cd_catalog.xml")
// Load the XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cd_catalog_sort.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>

  珞珈网诚邀广大网友投稿,您可以用相机或手机记录下身边的感人故事,精彩瞬间。珞珈论坛 写Blog
  请将作者、拍摄时间、地点和简要说明连同照片发给我们,我们将精选其中的好图、美图在页面上展示,让所有珞珈网网友共赏。[投稿]
友情链接 | 关于我们 | 广告投放 | 网站公告 | 诚聘英才 | 帮助中心 | 网站地图 | 版权声明 | 联系我们 |
合作站点:美食网 快房网 新华汽车网 园林 汽车论坛 菜谱大全 长江网 美食点评
制作单位:珞珈网 广告热线:027-68761450 手机:15307137631 广告投放QQ:2009008 电子邮箱:luojia#luojia.net
(浏览本网主页,建议将电脑显示屏的分辨率调为1024*768) Copyright 1996-2008 luojia Corporation, All Rights Reserved