Username: Password:

xml卷之实战锦囊(1):动态排序_xml教程
来源:作者:网友供稿 发布时间:2007-12-07 05:40:52
























 


讲解:
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的数值,然后重新显示。
在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。 


动机:
排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情。然而用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):动态排序


















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













姓名

喜欢本文,那就收藏到:

    Del.icio.us Google书签 Digg Live Bookmark Technorati Furl Yahoo书签 Facebook 百度搜藏 新浪ViVi 365Key网摘 天极网摘 和讯网摘 博拉网 POCO网摘 添加到饭否 QQ书签 Digbuzz我挖网
相关评论  我也要评论
还没有关于此文章的相关评论!
  • 昵称: (为空则显示guest)
  • 评论分数: ★ ★ ★★★ ★★★★ ★★★★★
  • 评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
  • 导航
    赞助商
    文章类别
    订阅