昨天看了一个表格排序的，帖子找不到了，开帖发一下吧,该怎么解决
日期：2014-05-16 浏览次数：20293 次
昨天看了一个表格排序的，帖子找不到了，开帖发一下吧
------解决方案--------------------
http://topic.csdn.net/u/20120405/11/83bb1ede-ae5b-49c8-bb2e-6c5da6537d65.html
这个？
------解决方案--------------------
nice。。
- HTML code
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="oDiv">
</div>
<a href="#" id="a">正序</a>
<a href="#" id="b">倒序</a>
<script type="text/javascript">
//结构数组
var arr= [
["张三","男",80],
["李四","男",85],
["王五","男",92],
["韩梅梅","女",100],
["李雷","男",77]
]
function tableSort(opts){
var self = this;
self.arr = opts.arr;
self.index = opts.index; //排序索引
};
tableSort.prototype = {
getSortArr : function(n){//返回排序后的数组
var self = this;
return self.arr.sort(function(a,b){
var index = self.index;
var aArr = null;
var bArr = null;
for (var i = 0,len = index.length;i<len;i++){
aArr = a[index.charAt(i)];
bArr = b[index.charAt(i)];
}
return (n=="asc")?aArr - bArr:bArr - aArr;
});
},
getHtml : function(arr){//自己拼接html
var self = this;
var arr = self.arr;
var html = '<table width="600" border="0" cellspacing="0" cellpadding="0">'+
' <tr>'+
' <td>姓名</td>'+
' <td>性别</td>'+
' <td>分数</td>'+
' </tr>'
for (var i = 0,len = arr.length;i<len;i++){
html += '<tr>'+
' <td>'+arr[i][0]+'</td>'+
' <td>'+arr[i][1]+'</td>'+
' <td>'+arr[i][2]+'</td>'+
'</tr>'
};
html += '</table>';
return html;
},
isArr : function(arr){//是否是数组-还没有用到
return Object.prototype.toString.call(arr) === '[object Array]';
}
};
var _ = new tableSort({
arr:arr,
index:"2"
});
document.getElementById("oDiv").innerHTML = _.getHtml(arr);
document.getElementById("a").onclick = function(){//正序
document.getElementById("oDiv").innerHTML = _.getHtml(_.getSortArr("asc"))
};
document.getElementById("b").onclick = function(){//倒序
document.getElementById("oDiv").innerHTML = _.getHtml(_.getSortArr("desc"))
};
</script>
</body>
</html>
------解决方案--------------------
http://topic.csdn.net/u/20120405/11/83bb1ede-ae5b-49c8-bb2e-6c5da6537d65.html
这个？
------解决方案--------------------
nice。。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
