JavaScript Table排序
JavaScript Table排序
序二（09/05/03）
近来还是那么忙，趁五一更新一下程序吧。
这个版本主要增加和改进了以下东西：
1，对字符串改用localeCompare来比较；
2，一次排序中能使用多个排序对象（用于值相等时再排序）；
3，修正一些发现的问题；
4，改进程序结构，个人觉得是更灵活更方便了；
5，增加bool类型比较；
6，添加attribute/property的内容；
7，修正ie6/7的radio/checkbox状态恢复bug；
8，增加自定义取值函数。
序一（08/10/06）
前一阵做了个网盘，用到了table的排序，趁热打铁做一个完整的table排序类出来。
程序的实现的是在客户端对表格进行排序，有以下特点：
1，自定义排序列、排序属性（例如innerHTML）、排序数据类型（包括int、float、date、string）、排序顺序（顺序和倒序）；
2，自定义排序函数；
3，可同时设置多个排序列；
网上也有很多其他的table排序函数，但有的是基于数组，有的不够灵活。本程序是在原有table结构上加入功能，套用一个流行词叫“无侵入”。
效果预览
ID
名称 / 类型
上传时间
大小
Ｃ
Ｒ
9
详细功略+剧情流程（一）.doc
2009/2/2
62 K
10
详细功略+剧情流程（二）.doc
2009/2/2
160.5 K
1
new.htm
2008/9/12
423.09 K
6
news.htm
2008/10/4
13.74 K
2
Scroller.js
2008/9/23
2.5 K
3
AlertBox.js
2008/9/23
3.48 K
7
function.js
2008/10/4
2.78 K
8
神秘园 - Nocturne.mp3
2008/9/20
2.97 M
11
禁止文件预览功能.txt
2008/8/7
860 b
12
超级无敌精彩的效果集合.txt
2009/2/2
351 b
4
1.xml
2008/10/4
11.13 K
5
4.xml
2008/10/4
108 b
有中文的先排前面，再按时间倒序，ID倒序排序：
基本步骤
1，把需要排序的行放到tbody中（程序会直接取tbody的rows）；
2，把排序行放到一个数组中；
this._rows = $$A.map(tBody.rows, function(o){ return o; });
3，按需求对数组进行排序（用数组的sort方法）；
this._rows.sort($$F.bind( this._compare, this, orders, 0 ));
4，用一个文档碎片（document.createDocumentFragment()）保存排好序的行；
var frag = document.createDocumentFragment();
$$A.forEach(this._rows, function(o){ frag.appendChild(o); });
ps：文档碎片并不
相关文档：
需求：模拟表单提交并可设置提交间隔
还好页面是ajax提交的，只要写个js定时提交就ok了。 于是找了几个写的类似于sleep的功能，拿过来用用发现也不是很好用。
自已写了个
<script language="javascript">
var base = {};
......
base.auto_submit = function(){
var total = 10 ......
在javascript中用法举例
var rule = /^\d+$/;
if(!rule.test(addform.rmb_price.value)) {
alert('rmb_price must be number');
addform.rmb_price.focus();
return false;
}
在php中用法举例
$aa = "/^\d+$/";
if(preg_match($aa, "111")) {
echo "found";
}
在java中用法举例 ......
在页面中我们最常见的页面元素就是input了，但是我们如何用JavaScript得到网页input中输入的value值呢，其实很简单，方法也不止一种，据我总结比较常用的就是下面的两种方法，闲话不多说了，下面那就来看看我说的方法吧：
方法一、
function print(){
var a=myform. ......
/*样式*/
<style type="text/css">
td{font-size:12px;}
.item{text-decoration:none;width:100%;height:100%; line-height:22px;cursor:default;color:Black;vertical-align:middle}
.staticTab{cursor:default;height:22px}
......
ExtJS 设计模式 之一 （单例）
Extjs 发展至今，传承了YUI的伟大精髓， YUI得到了Douglas Crockford（任职于 Yahoo! 的一名 JavaScript 传道者和架构师，他是全球最有造诣的 JavaScript 语言专家之一，Blog：http://www.crockford.com/) 大师的赞同,而ExtJS也是将YUI的模式脚本编程学习使用的淋漓尽致� ......
