- 浏览: 1449789 次
- 性别:
- 来自: 苏州
文章分类
- 全部博客 (564)
- 算法 (7)
- 流金岁月 (1)
- Javascript (30)
- actionscript (108)
- as3.0 game (14)
- flex (84)
- fms2 (27)
- 正则表达式 (7)
- 开源组件代码(as3.0) (1)
- Pv3d (13)
- Cairngorm (4)
- vbs (54)
- VB程序设计 (26)
- 计算机应用与维护 (4)
- 职场实用穿衣技巧 (3)
- 历史风云 (15)
- 淡泊明志,宁静致远 (12)
- 情感 (26)
- 杂谈 (41)
- 越南风 (14)
- DirectX (9)
- Dev-cpp (11)
- 回望百年 (2)
- 建站经验 (2)
- Python (24)
- 网络赚钱 (4)
- php (2)
- html (1)
- ob0短址网 (1)
- ob0.cn (1)
- wordpress (1)
- pandas logistic (1)
- haxe (1)
- opencv (1)
- 微信小程序 (3)
- vue (3)
- Flutter (1)
最新评论
-
GGGGeek:
第一个函数滚动监听不起作用,onPageScroll可以
微信小程序--搜索框滚动到顶部时悬浮 -
naomibyron:
解决办法:工具 -> 编译选项 -> 编译器 ...
dev-c++中编译含WINSOCK的代码出现错误的解决方法 -
haichuan11:
这个…… 代码不全真的是让人很憋屈的感觉啊
actionScript 3.0 图片裁剪及旋转 -
chenyw101:
老兄能留个QQ号吗?具体的我有些东西想请教下你
用VB制作网站登陆器 -
yantao1943:
貌似有点问题,只派发一次事件啊
使用ActionScript 2.0或ActionScript 3.0处理音频文件的提示点(cue
动机:
排序功能让我们页面上的数据显的更人性化,是我们在网站上见过的很普遍的一个功能效果了。以往的自动排序都是用大量的脚本代码来完成的,对一般的爱好者来说这是件困难的事情。然而用XML来处理的话就简单多了。让自己的页面更加绚丽,哈哈,您是不是也心动了呢!
材料:
XML卷之动态排序
有2个文件:paixu.xml 和 paixu.xsl
作用:
在不刷新页面的情况下更据用户自己的需要对数据重新进行排序显示,有效的提高数据互动功能,让自己的页面更加绚丽多彩。
效果:
浏览这里
代码:
paixu.xml
程序代码: | [ 复制代码到剪贴板 ] |
<?xml-stylesheet type="text/xsl" href="paixu.xsl" ?>
<BlueIdea>
<team>
<blue_ID>1</blue_ID>
<blue_name>Sailflying</blue_name>
<blue_text>一个简单的排序</blue_text>
<blue_time>2002-1-11 17:35:33</blue_time>
<blue_class>XML专题</blue_class>
</team>
<team>
<blue_ID>2</blue_ID>
<blue_name>flyingbird</blue_name>
<blue_text>嫁给你,是要你疼的</blue_text>
<blue_time>2001-09-06 12:45:51</blue_time>
<blue_class>灌水精华</blue_class>
</team>
<team>
<blue_ID>3</blue_ID>
<blue_name>苛子</blue_name>
<blue_text>正则表达式在UBB论坛中的应用</blue_text>
<blue_time>2001-11-23 21:02:16</blue_time>
<blue_class>Web 编程精华</blue_class>
</team>
<team>
<blue_ID>4</blue_ID>
<blue_name>太乙郎</blue_name>
<blue_text>年末经典分舵聚会完全手册 v0.1</blue_text>
<blue_time>2000-12-08 10:22:48</blue_time>
<blue_class>论坛灌水区</blue_class>
</team>
<team>
<blue_ID>5</blue_ID>
<blue_name>mmkk</blue_name>
<blue_text>Asp错误信息总汇</blue_text>
<blue_time>2001-10-13 16:39:05</blue_time>
<blue_class>javascript脚本</blue_class>
</team>
</BlueIdea>
paixu.xsl
程序代码: | [ 复制代码到剪贴板 ] |
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<xsl:template match="/">
<html>
<head>
<title> XML卷之实战锦囊(1):动态排序</title>
<style>
body,BlueIdea,team,blue_ID,blue_name,blue_text,blue_time,blue_class{ font: 12px "宋体", "Arial", "Times New Roman"; }
table { font-size: 12px; border: 0px double; border-color: #99CC99 #99CC99 #CCCCCC #CCCCCC; cellpadding:3;cellspacing:3; bgcolor:#eeeeee; text-decoration: blink}
span { font-size: 12px; color: red; }
</style>
<script>
function taxis(x)
{
stylesheet=document.XSLDocument;
source=document.XMLDocument;
sortField=document.XSLDocument.selectSingleNode("//@order-by");
sortField.value=x;
Layer1.innerHTML=source.documentElement.transformNode(stylesheet);
}
</script>
</head>
<body>
<p align="center"><span>XML卷之实战锦囊(1):动态排序</span></p>
<div id="Layer1" name="Layer1">
<xsl:apply-templates select="BlueIdea" />
</div>
</body>
</html>
</xsl:template>
<xsl:template match="BlueIdea">
<table width="500" border="1" align="center" cellpadding="1" cellspacing="1" bordercolordark="#ffffff" bordercolorlight="#ADAAAD">
<tr bgcolor="#FFCC99" align="center">
<td style="cursor:s-resize" onClick="taxis('blue_ID')">编号</td>
<td style="cursor:s-resize" onClick="taxis('blue_name')">姓名</td>
<td style="cursor:s-resize" onClick="taxis('blue_text')">主题</td>
<td style="cursor:s-resize" onClick="taxis('blue_time')">发表时间</td>
<td style="cursor:s-resize" onClick="taxis('blue_class')">归类</td>
</tr>
<xsl:apply-templates select="team" order-by="blue_ID"/>
</table>
</xsl:template>
<xsl:template match="team">
<tr align="center">
<xsl:apply-templates select="blue_ID" />
<xsl:apply-templates select="blue_name" />
<xsl:apply-templates select="blue_text" />
<xsl:apply-templates select="blue_time" />
<xsl:apply-templates select="blue_class" />
</tr>
</xsl:template>
<xsl:template match="blue_ID">
<td bgcolor="#eeeeee">
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_name">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_text">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_time">
<td>
<xsl:value-of />
</td>
</xsl:template>
<xsl:template match="blue_class">
<td>
<xsl:value-of />
</td>
</xsl:template>
</xsl:stylesheet>
讲解:
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教科书中所显示的代码中很少会加上encoding="gb2312" ,
因此我们在XML中用到中文的时候会报错,原因就是没有写这个申明。
后记:
大家熟悉动态排序完成思路后会发现,其实我们的实现手法很简单。
就是修改order-by的数值,然后重新显示。
在动态查询和动态分页的功能中我们依然是按照这个思路去完成的。
发表评论
-
使用bat 处理文件 批量下载图片,下载文件
2018-11-17 10:42 3887Download Wscript.Arguments(0) ... -
VB6逆向工程浅析
2011-12-29 07:36 1726前言 VB的编译有两种方式,一种是P-Code ... -
VB函数——逆向分析备查
2011-12-28 21:39 1473Variant 变量的内部表示:_____________ ... -
VB程序逆向常用的函数
2011-12-28 21:38 14801) 数据类型转换: ... -
用XML创建可排序、分页的数据显示页面
2008-08-30 08:10 1386在Web开发中,我们经常 ... -
SQL注入天书 - ASP注入漏洞全接触
2008-08-28 17:39 1075随着B/S模式应用开发的发展,使用这种模式编写应用程序的程序员 ... -
一个学校的网站安全性测试
2008-08-28 17:38 1144本文作者:angel文章性质:原创发布日期:2004-04-0 ... -
改mdb为asp所带来的灾难
2008-08-28 17:36 992本文作者:SuperHei·Lilo文章性质:原创发布日期: ... -
XML实例解析
2008-08-28 17:35 1094提纲: 一:实例效果 ... -
选单连动
2008-08-28 17:34 1060动机: 现在我们做个在IE里应用XML的一个小例子:解决双下 ... -
ASP常用的代码(不断更新)
2008-08-28 17:34 12361.获得系统时间:<%=now()%>2.取得来访 ... -
动态查询
2008-08-28 17:31 870动机: 查询功能是我们 ... -
XML卷之动态分页
2008-08-28 17:30 1193动机: 为了方便用户查看大批量数据,我们会用到动态分页,因此 ... -
对xml+xsl实现分页排序的改进,使支持对所有数据进行排序
2008-08-28 17:29 2087以往见过的利用xml+xsl来实现分页排序的基本都只能本页内排 ... -
使用XML、XSLT和XPath创建可排序、分页、重用的数据显示页
2008-08-28 17:27 1324在Web开发中,我们经常 ... -
用ASP+XML编写留言本
2008-08-28 17:16 2861一、读者指引 读者 ... -
asp查询xml的代码,实现了无刷新、模糊查询功能
2008-08-28 17:13 1154<html> <head> ... -
用Asp+XmlHttp实现RssReader功能
2008-08-28 17:12 868<style>body {margin:10px; ... -
vb+Webbrowser控件详解
2008-08-25 20:48 6818vb+Webbrowser控件详解 1、获得浏览器信息: P ... -
BBS注册机(vb script, telnet, sterm)
2008-08-16 11:34 1524#include "lib.vbs" Co ...
相关推荐
动态排序是计算机科学中一种常见的数据处理方法,用于组织和优化数据序列,使其按照特定的顺序排列。在C#编程语言中实现动态排序,可以利用其丰富的库函数和面向对象特性,让排序过程可视化,也就是动画显示,这有助...
在VB(Visual Basic)编程中,动态排序是一种常见的操作,特别是在处理数据集合时。动态排序允许程序员根据需要在运行时改变数据的排列顺序,而无需预先知道数据的完整信息。这个压缩包文件“vb动态排序演示vb动态...
在IT领域,表格(Table)数据的动态排序是一项基本且重要的功能,尤其在数据分析、数据库管理、网页设计以及各种应用程序中。动态排序允许用户根据表中的某一列或多个列的数据来快速调整数据的显示顺序,这极大地...
其中,Canvas和WebSocket特别适合实现动态排序的动画效果。 在iOS中,通过WebKit框架,我们可以将HTML5页面嵌入到原生应用中,使用UIWebView或WKWebView来展示。这样,HTML5代码可以和Objective-C或Swift代码进行...
在网页开发中,数据展示通常会使用表格(Table)元素,而为了提高用户体验,动态排序功能是必不可少的。"豪华版js实现table动态排序"是一个针对网页表格进行动态排序的解决方案,它允许用户通过点击表头来切换排序...
假设我们有一个字符串数组`fieldNames`,其中包含了我们需要排序的字段名,我们可以构建一个动态排序的函数: ```csharp public static List<T> DynamicOrderBy(List<T> list, string[] fieldNames) { var ...
通过JS或者Python实现的动态排序条形图。打开文件:Historical-ranking-data-visualization-based-on-d3.js-master\src\bargraph.htm 选择company.csv文件,立即查看JS实现的效果。安装anaconda,运行city.py,查看...
对于"jquery实现table的动态排序"这个主题,我们将会深入探讨如何利用jQuery来实现表格数据的动态排序,以便用户可以按照不同列的值进行升序或降序排列,而无需重新加载页面。 首先,我们需要一个包含数据的HTML...
至于动态排序,我们可以使用`OrderBy()`或`OrderByDescending()`方法,同样可以通过表达式树实现。如果需要根据多个字段进行排序,可以使用`ThenBy()`或`ThenByDescending()`。以下是一个示例: ```csharp public ...
JQuery 可拖曳动态添加表格、动态排序 JQuery 是一个流行的 JavaScript 库,提供了丰富的功能来简化 Web 开发。今天,我们将探讨如何使用 JQuery 实现可拖曳动态添加表格、动态排序的功能。 可拖曳动 可拖曳动是 ...
在IT行业中,动态排序和分页是Web应用中常见的功能,尤其在数据量庞大的表格展示时更为重要。本文将深入探讨如何使用JavaScript实现这一功能。 首先,动态排序是指用户可以根据需求点击表格的列名,系统会即时根据...
3. **动态排序**:在SQL中,还可以使用`CASE`语句实现复杂的排序逻辑,根据特定条件对数据进行排序。 三、结合帆软与SQL的排序 1. **预处理排序**:在SQL查询时完成排序,帆软报表仅显示已排序的结果。这种方式...
在本实验中,我们将探讨如何在C++编程环境中利用Qt库来模拟操作系统的多级反馈轮转法(Multi-Level Feedback Queue, MLFQ),并结合动态排序算法来优化任务调度。多级反馈轮转法是一种常见的进程调度策略,旨在平衡...
动态排序指示箭头.zip这个压缩包文件包含了与计算机科学中的排序算法相关的内容,特别是与可视化动态排序过程有关的源码。动态排序指示箭头通常指的是在排序过程中,用于直观展示元素移动情况的图形化表示。这通常是...
总结来说,Java中的List可以通过自定义Comparator或者利用泛型和方法引用来实现对象多属性的动态排序。这种技术在处理复杂数据结构时非常有用,使得代码更加简洁且易于维护。通过学习和实践这部分内容,开发者可以...
在SQL SERVER中实现数据库查询结果的动态排序是一个实用而常见的话题。首先,我们需要了解在SQL SERVER中如何使用SELECT语句进行静态排序输出。SELECT语句是SQL中最基本的查询语句,它具有强大的数据检索功能,可以...
标题中的"Table动态排序-sorttable"指的是在HTML表格(Table)中实现动态排序的功能,让用户可以根据表头点击来改变数据列的排序顺序。这通常用于数据展示和分析,使用户可以方便地查找和理解信息。"sorttable.js"是...
动态排序,正如标题和描述中提到的,是指在程序运行时根据特定条件进行的排序,而不是预先设定固定的排序顺序。这种排序方法通常涉及到算法的选择和实现,以确保效率和灵活性。 排序算法有很多种,比如冒泡排序、...
本文将详细介绍如何通过JavaScript实现对HTML表格中的数据进行动态排序,让网页内容更加灵活且用户友好。 首先,我们需要理解HTML表格的基本结构。HTML表格由`<table>`元素开始,包含`<tr>`(行)元素,而每行中又...