您的位置:首页精文荟萃软件资讯 → XML卷之实战锦囊(1):动态排序

XML卷之实战锦囊(1):动态排序

时间:2004/10/8 13:14:00来源:本站整理作者:蓝点我要评论(0)

动机:
排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽,哈哈,您是不是也心动了呢!

材料:
XML卷之动态排序
有2个文件:paixu.xml 和 paixu.xsl

作用:
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示,有效的提高数据互动功能,让自己的页面更加绚丽多彩。 
效果:
浏览这里 
代码:
paixu.xml



 
   1
   Sailflying
   一个简单的排序
   2002-1-11 17:35:33
   XML专题
 
 
   2
   flyingbird
   嫁给你,是要你疼的
   2001-09-06 12:45:51
   灌水精华
 
 
   3
   苛子
   正则表达式在UBB论坛中的应用
   2001-11-23 21:02:16
   Web 编程精华
 
 
   4
   太乙郎
   年末经典分舵聚会完全手册 v0.1
   2000-12-08 10:22:48
   论坛灌水区
 
 
   5
   mmkk
   Asp错误信息总汇
   2001-10-13 16:39:05
   javascript脚本
 

 

paixu.xsl





XML卷之实战锦囊(1):动态排序




XML卷之实战锦囊(1):动态排序
















编号
姓名
主题
发表时间
归类





































 


讲解:
1)paixu.xml 是数据文件,相信大家都不会有问题。
2)paixu.xsl 是格式文件,有几个地方要注意。 
(1)脚本中:

sortField=document.XSLDocument.selectSingleNode("//@order-by");
作用是:找到有属性为order-by的第一个节点,因此它对应的节点就是

因此在初次onLoad的时候order-by的value值是blue_ID。
而我们就是通过重新定义order-by的value值来达到排序的目的。

Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
作用是:转化XML数据后更改Layer1,因此在传出参数'blue_name'后,


我们将order-by的value值修改为是'blue_name',即以'blue_name'为排序方式。
继而通过重新显示Layer1的innerHTML值来显示新的排序内容。

姓名

(2)文本中:

order-by
这个可不能少哦,不然就找不到了,效果嘛,你瞧瞧看吧!!


另外说一点:
在大多的XML教科书中所显示的代码中很少会加上encoding="gb2312" ,
因此我们在XML中用到中文的时候会报错,原因就是没有写这个申明。


后记:
大家熟悉动态排序完成思路后会发现,其实我们的实现手法很简单。
就是修改order-by的数值,然后重新显示。
在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。 

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 360快剪辑怎么使用 36金山词霸如何屏幕取词百度收购PPS已敲定!3

最新文章 微信3.6.0测试版更新了微信支付漏洞会造成哪 360快剪辑怎么使用 360快剪辑软件使用方法介酷骑单车是什么 酷骑单车有什么用Apple pay与支付宝有什么区别 Apple pay与贝贝特卖是正品吗 贝贝特卖网可靠吗

人气排行 xp系统停止服务怎么办?xp系统升级win7系统方电脑闹钟怎么设置 win7电脑闹钟怎么设置office2013安装教程图解:手把手教你安装与qq影音闪退怎么办 QQ影音闪退解决方法VeryCD镜像网站逐个数,电驴资料库全集同步推是什么?同步推使用方法介绍QQ2012什么时候出 最新版下载EDiary——一款好用的电子日记本