讲解:
1)paixu.xml 是数据文件,相信大家都不会有问题。
2)paixu.xsl 是格式文件,有几个地方要注意。
(1)脚本中:
sortField=document.XSLDocument.selectSingleNode("//@order-by");
作用是:找到有属性为order-by的第一个节点,因此它对应的节点就是
<xsl:apply-templates select="team" order-by="blue_ID"/>
因此在初次onLoad的时候order-by的value值是blue_ID。
而我们就是通过重新定义order-by的value值来达到排序的目的。
Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
作用是:转化XML数据后更改Layer1,因此在传出参数'blue_name'后,
<td style="cursor:s-resize" onClick="taxis('blue_name)">姓名</td>
我们将order-by的value值修改为是'blue_name',即以'blue_name'为排序方式。
继而通过重新显示Layer1的innerHTML值来显示新的排序内容。
(2)文本中:
order-by
这个可不能少哦,不然就找不到了,效果嘛,你瞧瞧看吧!!
<?xml version="1.0" encoding="gb2312" ?>
另外说一点:
在大多的XML教科书中所显示的代码中很少会加上encoding="gb2312" ,
因此我们在XML中用到中文的时候会报错,原因就是没有写这个申明。
后记:
大家熟悉动态排序完成思路后会发现,其实我们的实现手法很简单。
就是修改order-by的数值,然后重新显示。
在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。
1
[an error occurred while processing this directive]