XML卷之实战锦囊（1）——动态排序

排序功效让我们页面上的数据显的更人性化，是我们在网站上见过的很广泛的一个功效后果了。以往的主动排序都是用大批的脚本代码来完成的，对一般的爱好者来说这是件艰苦的事情。然而用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
    苛子
    正则表达式在ＵＢＢ论坛中的利用
    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）：动态排序

讲解：

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" ，