首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

昨天看了一个表格排序的,帖子找不到了,开帖发一下吧,该怎么解决

2012-04-19 
昨天看了一个表格排序的,帖子找不到了,开帖发一下吧HTML code!DOCTYPE HTMLhtmlheadmeta charset

昨天看了一个表格排序的,帖子找不到了,开帖发一下吧

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。。

热点排行