|教程: XML教程-应用技巧-使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页|-|无师自通-教程网|

欢迎大家光临【无师自通-教程网】您的到来是我们的荣幸。本站提供photoshop教程,ps教程,flash教程,cad教程,网页制作教程,excel教程,asp教程,vb教程,3d教程,c语言教程,html教程,coreldraw教程,dreamweaver教程,java教程,3dmax教程等各种教程为主题的内容和服务,相信您会在这里找到您所需要的东东。无师自通伴您一生-谢谢您的光临！！

		网站地图	设为首页
		简繁切换	加入收藏
		栏目待定	留言本站

您现在的位置：无师自通-教程网 >> WEB开发 >> XML教程 >> XML应用技巧 >> 教程正文

没有公告

图形图像教程	photoshop	Flash	3DS Max	CorelDraw	Fireworks	Illustrator	Maya	AutoCAD
网络应用教程	局域网教程	综合布线	系统集成	无盘网络组建	网络产品资料	网络风险评估	光纤通信	网络接入
程序设计教程	C语言教程	vb教程	C#教程	VC语言教程	Ｃ＋＋教程	Java教程	数据库教程	Delphi教程
操作系统教程	WindowsXP	Linux	Win2003	Vista	Win2000	苹果系统	Dos教程	FreeBSD
办公软件教程	Word教程	Excel教程	Powerpoint	Wps教程	Office视频	系统相关	系统工具	杀毒查毒
WEB开发教程	Asp教程	Jsp教程	Php教程	Xml教程	Html教程	CSS教程	CGI-Perl教程	ASP.NET

教程: XML教程-应用技巧-使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页

在Web开发中，我们经常会遇到分页显示和排序数据记录集的情况，这在服务器端使用服务器端的代码和数据库技术是件很轻松的事情，比如：ASP、PHP、JSP等。然而，如果要在客户端显示多条记录并且排序是一件很令人头疼的事情。下面，我们利用Extensible Markup Language（XML，可扩展标记语言）和Extensible Stylesheet Language Transformations（XSLT，可扩展样式单语言转换），并结合XML Path Language（XPath，XML路径语言），只需要编写简单的代码，就可轻松实现。这种方法避免了与服务器频繁打交道的过程，节省了数据显示的时间，浏览者无须等待就可以看到结果，也可以减少服务器的负担。另外。由于XML和XSLT技术，使数据存储和数据显示分离，还可以让我们的代码能够重复利用，大大减轻了程序员编写代码的负担。
下面，我们一步一步地来实现我们的功能。

首先：创建XSLT

XSLT样式单的第一行标明该XML所遵照的XML规范版本，然后是标明该样式单使用的名称空间，这里，我们以XSL规范的正式版本来进行编写，而不采用XSL的草案的写法：
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
注意：两者在功能和写法上有很大的差异。
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
接下来，我们定义XSLT里的模板标记：

<xsl:template match="/">
<xsl:apply-templates select="/客户关系表"/>
</xsl:template>

<xsl:template match="/客户关系表"></xsl:template>

我们把要显示的样式写到模板里面。我们使用HTML的数据岛来存放我们的数据，这些数据可以利用SQL Server 2000的XML查询来得到，对于不支持XML的数据库，我们可以自己编写组件把数据转换成XML格式，然后在放到数据岛里。在HTML里使用数据岛有两种方法：
一是直接嵌入数据，如下所示：
<XML id='Data'>
<客户关系表>
<客户>每条数据</客户>
</客户关系表>
</XML>
二是通过SRC属性引用外部文件，如下所示：
<XML id='Data' src='Data.xml'></XML>
要使用数据岛里的数据，必须通过id名来引用它，当然，由于XSLT文件也是XML格式文件的一种，也可以通过这种方法来实现：
<XML id='Style' src='Style.xsl'></XML>
我们在页面中加入标记DIV来显示我们的转换的结果：
<div id="DisplayArea"></div>
使用XSLT转换数据岛里的数据，采用DOMDocument的transNode()方法，并把结果通过DIV的innerHTML属性来展现出来：
DisplayArea.innerHTML = Data.transformNode(Style.DocumentElement)

第二步：实现客户端排序的功能

我们先设定一个默认的排序字段，这里选择“序号”作为默认的排序关键字，并且是按递增的顺序排列，在XSLT里加入sort标记：
<xsl:for-each select="客户">
<xsl:sort select="序号" order="descending" data-type="number"/>
</xsl:for-each>
接下来，我们为样式表增加排序的功能，以便可以响应用户的操作，我们在表头的每个列上添加onClick事件，该事件调用sort()函数，允许用户通过单击该表头来进行对该列的排序。
<td onClick="sort('序号')">序号&

[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >>

教程录入：admin 责任编辑：admin

上一篇教程：教程: XML教程-应用技巧-利用oleDB对象，将数据库中全部表转换成XML文件

下一篇教程：教程: XML教程-应用技巧-xml常见问题

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

asp连接mysql数据库

asp连接mysql数据库-2

frontpage2000教程---制作主页

\| 设为首页 \| 加入收藏 \| 联系站长 \| 友情链接 \| 版权申明 \| 管理登录 \|
	免责声明!本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!.欢迎您的光临。辽ICP备07003958号