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

鑫發殡葬用品

鑫發殡葬用品

2016-02-19 18:39

今天图老师小编要跟大家分享XSL简明教程(5)XSL的索引,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

五. XSL 的索引

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

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

?xml version="1.0" encoding="ISO8859-1" ?

CATALOG

CD

TITLEEmpire Burlesque/TITLE

ARTISTBob Dylan/ARTIST

COUNTRYUSA/COUNTRY

COMPANYColumbia/COMPANY

PRICE10.90/PRICE

YEAR1985/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

thTitle/th

thArtist/th

/tr

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

tr

tdxsl:value-of select="TITLE"//td

tdxsl:value-of select="ARTIST"//td

/tr

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

/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

展开更多 50%)
分享

猜你喜欢

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

Web开发
XSL简明教程(5)XSL的索引

XSL简明教程(7)XSL 的控制语句

Web开发
XSL简明教程(7)XSL 的控制语句

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

XSL简明教程(2)XSL转换

Web开发
XSL简明教程(2)XSL转换

XSL简明教程(1)XSL入门

Web开发
XSL简明教程(1)XSL入门

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

XSL简明教程(6)XSL过滤和查询

Web开发
XSL简明教程(6)XSL过滤和查询

XSL简明教程(3)在客户端的实现

Web开发
XSL简明教程(3)在客户端的实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

XML简明教程第2课: 处理XML文档

XML简明教程第2课: 处理XML文档

用JIcon装饰你的界面

用JIcon装饰你的界面
下拉加载更多内容 ↓