一个修改后的js表格排序函数

看了一些JavaScript写的表格排序函，都很复杂，这个稍微简单一些，自己做了一些修改，加上了样式，但是感觉有些地方还是没有写好，不太会了。
[size=medium][color=blue][b]

function $(id) {
	return (typeof(id)=="string")?document.getElementById(id):id;	
}

//传递参数为表格的ID，列号，该列的数据类型
var sortTable = function(id,colNum,DataType,event){
	this.event = event;
	this.table = $(id);				//得到要排序的表格
	this.firstRow = this.table.rows[0];	//得到表格的第一行 也就是标题
	this.firstCells = this.firstRow.cells;	//得到表格的每一个单元格
	this.colNum = colNum;			//排序的列
	this.DataType = DataType;		//数据类型
	this.tbody = this.table.tBodies[0]; 	//得到表格的内容 非表头
	this.rows = this.tbody.rows;			//内容的行数
	this.downClass = "down";		//降序排序时表头的样式
	this.upClass = "up";			//升序排序时表头的样式
	this.trArray = new Array;		//存放每一行的内容
	this.defaultClass = "";
	this.format();			//将表格数据装到数组中
}

sortTable.prototype = {
	//将表格数据格式化到数组中
	format:function() {
		for(var i=0;i<this.rows.length;i++) {
			this.trArray[i] = this.rows[i];
		}
		this.judge();
	},
	//判断是否是上一次排序的列
	judge:function() {
		var tag = "";
		for(var i=0;i<this.firstCells.length;i++) {
			if(i == this.colNum) {
				tag = this.firstCells[i];
				if(turn) {
					this.addClass(tag,this.upClass);
					turn = false;
				} else {
					this.addClass(tag,this.downClass);
					turn = true;
				}
			} else {
				this.addClass(this.firstCells[i],"");
			}
		}
		
		if(this.table.index == this.colNum) {
			this.trArray.reverse();
		} else {
			//调用排序函数  传递参数 升序或者降序
			this.trArray.sort(this.getcreateSort(this.colNum,this.DataType));
		}
		this.createDom();
	},
	
	//创建转换过程
	getcreateSort:function(colNum,datatype) {
		return function createSort(a,b) {
			var first = a.cells[colNum].firstChild.nodeValue;
			var second = b.cells[colNum].firstChild.nodeValue;
			var value1 = convert(first,datatype);
			var value2 = convert(second,datatype);
			if(value1 < value2) {
				return -1;
			} else if(value1 > value2) {
				return 1;
			} else {
				return 0;
			}
		};
		function convert(value,type) {
			switch(type) {
				case "int":return parseInt(value);break;
				case "float":return parseFloat(value);break;
				case "string":return value.toString();break;
				case "data":return new Date(Date.parse(value));break;
				default:return value.toString();break;
			}
		}
	},
	
	createDom:function() {
		var frag = document.createDocumentFragment();
		for(var i=0;i<this.trArray.length;i++) {
			frag.appendChild(this.trArray[i]);
		}
		this.tbody.appendChild(frag);
		this.table.index = this.colNum;			//用作后面判断用
	},
	
	addClass:function(obj,classname) {
		obj.className = classname;
	}
}

[/b][/color][/size]

评论

1 楼 dldahua 2011-07-19  

大虾，你这个方法有没有在ＩＥ７下有上百条记录的时候侧过？
我用的时候突然表格不见了 不解~~~