网站建设资讯

NEWS

网站建设资讯

XML中动态排序的示例分析

小编给大家分享一下 XML中动态排序的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联公司长期为上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为松阳企业提供专业的成都网站设计、网站制作,松阳网站改版等技术服务。拥有十多年丰富建站经验和众多成功案例,为您定制开发。

排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情。然而用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中用到中文的时候会报错,原因就是没有写这个申明。

以上是“ XML中动态排序的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文题目:XML中动态排序的示例分析
当前路径:http://cdweb.net/article/iegccd.html