如何实现XML+XSL+javascript数据排序
来源:互联网 发布:福州市软件行业协会 编辑:程序博客网 时间:2024/05/22 03:21
数据排序模版
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet version="1.1" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" />
<xsl:param name="queryParam" select="''" />
<xsl:template match="/guestbook">
<table border="0">
<tbody>
<tr>
<td>
<table width="400" border="0">
<tbody>
<xsl:apply-templates select="article">
<xsl:sort select="datadate" order="descending" />
</xsl:apply-templates>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</xsl:template>
<!--文章列表模版:-->
<xsl:template match="article">
<xsl:choose>
<xsl:when test="position() mod 2 = 1">
<tr bgcolor="#cccccc">
<th align="left" width="50">作者</th>
<th align="left" width="50">
<xsl:value-of select="author" />
</th>
<th align="left" width="100">发表时间</th>
<th align="left" width="50">
<xsl:value-of select="datadate" />
</th>
</tr>
<tr bgcolor="#cccccc">
<td colspan="4">
<xsl:value-of select="content" />
</td>
</tr>
</xsl:when>
<xsl:otherwise>
<tr>
<th align="left" width="50">作者</th>
<th align="left" width="50">
<xsl:value-of select="author" />
</th>
<th align="left" width="100">发表时间</th>
<th align="left" width="50">
<xsl:value-of select="datadate" />
</th>
</tr>
<tr>
<td colspan="4">
<xsl:value-of select="content" />
</td>
</tr>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>
数据文件
<?xml version="1.0" encoding="gb2312"?>
<guestbook>
<article id="73a7a287-aef6-4d35-ac2c-638ca3233be6">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdfsad</content>
</article>
<article id="84957008-4cb4-4c96-bafa-775dd33e10cf">
<author>guest</author>
<datadate>20060812</datadate>
<content>fffff</content>
</article>
<article id="91426bb3-3bbf-4176-be66-c92cb79bb171">
<author>guest</author>
<datadate>20060812</datadate>
<content>fffff</content>
</article>
<article id="8e3bda3f-7d6e-4ae3-af0a-740a884cbf06">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="d6528172-cd03-4333-bb42-0121effca2ff">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="cd30a893-f0aa-44be-b56b-32a1aa44717a">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="b47ca7e6-93e0-4992-97fa-78ea557b0252">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="2070cb5d-e225-46f5-95ca-3dea33f9d42f">
<author>guest</author>
<datadate>20060812</datadate>
<content>aa</content>
</article>
</guestbook>
由于前面已经介绍了如何通过JS+XSL将XML转换为HTML故这里将不再坳述。读者只需要读懂排序模版文件即可。
<?xml version="1.0" encoding="gb2312" ?>
<xsl:stylesheet version="1.1" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" />
<xsl:param name="queryParam" select="''" />
<xsl:template match="/guestbook">
<table border="0">
<tbody>
<tr>
<td>
<table width="400" border="0">
<tbody>
<xsl:apply-templates select="article">
<xsl:sort select="datadate" order="descending" />
</xsl:apply-templates>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</xsl:template>
<!--文章列表模版:-->
<xsl:template match="article">
<xsl:choose>
<xsl:when test="position() mod 2 = 1">
<tr bgcolor="#cccccc">
<th align="left" width="50">作者</th>
<th align="left" width="50">
<xsl:value-of select="author" />
</th>
<th align="left" width="100">发表时间</th>
<th align="left" width="50">
<xsl:value-of select="datadate" />
</th>
</tr>
<tr bgcolor="#cccccc">
<td colspan="4">
<xsl:value-of select="content" />
</td>
</tr>
</xsl:when>
<xsl:otherwise>
<tr>
<th align="left" width="50">作者</th>
<th align="left" width="50">
<xsl:value-of select="author" />
</th>
<th align="left" width="100">发表时间</th>
<th align="left" width="50">
<xsl:value-of select="datadate" />
</th>
</tr>
<tr>
<td colspan="4">
<xsl:value-of select="content" />
</td>
</tr>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>
数据文件
<?xml version="1.0" encoding="gb2312"?>
<guestbook>
<article id="73a7a287-aef6-4d35-ac2c-638ca3233be6">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdfsad</content>
</article>
<article id="84957008-4cb4-4c96-bafa-775dd33e10cf">
<author>guest</author>
<datadate>20060812</datadate>
<content>fffff</content>
</article>
<article id="91426bb3-3bbf-4176-be66-c92cb79bb171">
<author>guest</author>
<datadate>20060812</datadate>
<content>fffff</content>
</article>
<article id="8e3bda3f-7d6e-4ae3-af0a-740a884cbf06">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="d6528172-cd03-4333-bb42-0121effca2ff">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="cd30a893-f0aa-44be-b56b-32a1aa44717a">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="b47ca7e6-93e0-4992-97fa-78ea557b0252">
<author>guest</author>
<datadate>20060812</datadate>
<content>asdf</content>
</article>
<article id="2070cb5d-e225-46f5-95ca-3dea33f9d42f">
<author>guest</author>
<datadate>20060812</datadate>
<content>aa</content>
</article>
</guestbook>
由于前面已经介绍了如何通过JS+XSL将XML转换为HTML故这里将不再坳述。读者只需要读懂排序模版文件即可。
- 如何实现XML+XSL+javascript数据排序
- 如何实现XML+XSL+javascript数据分页
- 如何实现XML+XSL排序
- 对xml+xsl实现分页排序的改进,使支持对所有数据进行排序
- XML+XSL+HTML+JavaScript
- xsl中对xml数据的排序和筛选
- XML系列:xsl与xml组织数据
- 如何用XSL对XML的数据进行按节点排序?
- JavaScript与XML XSL的综合使用
- xml + xsl +javascript(微软IE) -> html
- JS+XMLDOM+XSL:实现中英文界面切换、排序、分页显示、增删改查XML文件数据源
- 用DOMINO6.5,XML+XSL+javascript实现任务的统计
- 如何快速通过XSL转换XML文件
- 如何快速通过XSL转换XML文件
- 用XSL与XML实现多级菜单
- XML+XSL 中静态链接 的实现
- 使用dom4j实现XSL展示XML
- 在 XSL/XSLT 中实现随机排序
- 求职过程记录(4)——试用期开始
- 李居明风水人人都懂版之二~时间与风水
- 基于DirectShow的MPEG-4视频传输系统的研究与实现
- 寻找关键车站 2006-08-11
- 如何实现XML+XSL+javascript数据分页
- 如何实现XML+XSL+javascript数据排序
- 基于MPEG-4的嵌入式网络视频服务器的设计方案
- 李居明风水人人都懂版之三~颜色与风水
- 李居明风水人人都懂版之四~区域与风水
- 李居明风水人人都懂版之五~活氧与风水
- 李居明风水人人都懂版之六~邻居与风水
- 有关override/overload/hide的讨论
- 李居明风水人人都懂版之七~楼层与风水
- 李居明风水人人都懂版之八~屋村与风水