XML卷之实战锦囊:动态排序、查询、分页
2008-09-10 11:53
|
动机：
排序功能让我们页面上的数据显的更人性化，是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的，对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽，哈哈，您是不是也心动了呢！
材料：
XML卷之动态排序 有2个文件：paixu.xml 和 paixu.xsl
作用：
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示，有效的提高数据互动功能，让自己的页面更加绚丽多彩。 效果： 浏览这里 代码： paixu.xml
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" ， 因此我们在XML中用到中文的时候会报错，原因就是没有写这个申明。
后记：
大家熟悉动态排序完成思路后会发现，其实我们的实现手法很简单。 就是修改order-by的数值，然后重新显示。 在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。
动机：
排序功能让我们页面上的数据显的更人性化，是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的，对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽，哈哈，您是不是也心动了呢！
材料：
XML卷之动态排序 有2个文件：paixu.xml 和 paixu.xsl
作用：
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示，有效的提高数据互动功能，让自己的页面更加绚丽多彩。 效果： 浏览这里 代码： paixu.xml
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" ， 因此我们在XML中用到中文的时候会报错，原因就是没有写这个申明。
后记：
大家熟悉动态排序完成思路后会发现，其实我们的实现手法很简单。 就是修改order-by的数值，然后重新显示。 在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。
动机：
为了方便用户查看大批量数据，我们会用到动态分页，因此分页功能是我们在网站上见过的最普遍也是最常用的一个功能模块了。而以往的信息分页都是连接到数据库的，每一次点击都必须要后台数据库的支持。这样不但服务器的负担加重，而且严重的影响用户浏览的速度. 试想，如果把分页的功能放到客户端，那会产生什么样的效果呢？呵呵，看看下面的设计吧！ 。
材料：
XML卷之动态分页 有2个文件：pages.xml 和 pages.xsl
作用：
把分页的功能放到客户端。在不刷新页面的情况下对数据进行过滤筛选，有效的提高浏览数据功能的效率。 效果： 浏览这里 代码： pages.xml
pages.xsl
XML卷之实战锦囊（3）：动态分页
|
|
|
|
|
讲解： 1）search.xml 是数据文件，相信大家都不会有问题。 2）search.xsl 是格式文件，有几个地方要注意。 （1）脚本中：
nodes=source.documentElement.childNodes;
作用是：找到所有的节点。nodes.length就是符合条件的总节点数
sortField=document.XSLDocument.selectSingleNode(" //@expr");
作用是：找到有属性为expr的第一个节点，因此它对应的节点就是 因此在初次onLoad的时候expr的value值是 childnumber(this)<=1 & childnumber(this)>=2 关于 > < 大家可能熟悉多了。那&是什么呢？ 它就是“与”了. 大家可以在XML的书中找到其它的一些。
参数说明：
OnePageNum：每页显示的数据数 PageNum：当前页数 XMLPageNum：总页数 firstNum:当前页的第一条数据值 lastNum：当前页的最后一条数据值 （2）文本中： 在分页中我们需要输出合适的数据，，因此我们用一个 if 判断条件来控制。 在初始的时候我们要求只输出最前的两个节点的数值。
childnumber(this)
作用：返回当前节点在它的上级节点列表中的编号，列表中的第一个节点默认编号为1。 在分页中我们就是根据节点的编号来判断它属于第几页。 expr 不知道大家发现没有，前两次我们用到的都是 test ,可这个我们用的却是expr。 它们之间有一定的区别，用法也不相同。 expr ── 脚本语言表达式，计算结果为"真"或"假"；如果结果为"真"，且通过test，则在输出中显示其中内容（可省略此项属性）。 test ── 源数据测试条件。 作用是让数据回到最前一页。其它按钮的作用类似。
补充一点： XML例子文件的使用方法
1）将每个例子里的两个文件按照文件名分别保存。
2）用浏览器浏览XML文件即可。这是你会看到效果，应该不错吧！
后记：
呵呵，可以增加动态排序后，再分页的功能。再把列表数变为可设置。发挥你的思维，让这些功能更加完美。大家可以研究出更好的方法来实现分页功能。互相探讨，不亦乐乎！ |