手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >发个自己写的表格操作类(添加,删除,排序,上移,下移)
发个自己写的表格操作类(添加,删除,排序,上移,下移)
摘要:*{font-size:14px}button{margin:3px}varmytable=null,mytable2=null;windo...

*{font-size:14px}button{margin:3px} var mytable=null,mytable2=null; window.onload=function(){ mytable=new CTable("tbl",10); mytable2=new CTable("tbl2",6); } Array.prototype.each=function(f){for(var i=0;i0 && self.getChkBox(arr[arr.length-1]).checked){ for(var i=arr.length-1;i>=0;i--){ if (self.getChkBox(arr[i]).checked){ arr.pop() }else{ break } } } arr.reverse().each(function(tr){if (self.getChkBox(tr).checked) upOne(tr)}); }, down:function(){ var self=this var downOne=function(tr){ if (tr.rowIndex0 && self.getChkBox(arr[arr.length-1]).checked){ for(var i=arr.length-1;i>=0;i--){ if (self.getChkBox(arr[i]).checked){ arr.pop() }else{ break } } } arr.reverse().each(function(tr){if (self.getChkBox(tr).checked) downOne(tr)}); }, sort:function(){ //排序 var self=this,order=arguments[0]; var sortBy=function(a,b){ if (typeof(order)=="number"){ //数字,则按数字指示的列排序 return Number(a.cells[order].innerHTML)>=Number(b.cells[order].innerHTML)?1:-1; //转化为数字类型比较大小 }else if (typeof(order)=="function"){ //为程序,按 程序的返回结果排序 return order(a,b); }else{ return 1; } } $A(self.tbl.rows).sort(sortBy).each(function(x){ var checkStatus=self.getChkBox(x).checked; self.tbl.firstChild.appendChild(x); if (checkStatus) self.getChkBox(x).checked=checkStatus; }); }, rnd:function(){ //随即选择几行tr var self=this,selmax=0,tbl=self.tbl; if (tbl.rows.length){ selmax=Math.max(Math.ceil(tbl.rows.length/4),1); //选择的行数不超过tr数的1/4 $A(tbl.rows).each(function(x){ self.getChkBox(x).checked=false; self.restoreBgColor(x) }) }else{ return alert("无数据可以选") } new Array(selmax).each(function(){ var tr=tbl.rows[Math.floor(Math.random()*tbl.rows.length)] self.getChkBox(tr).checked=true; self.highlight({target:self.getChkBox(tr)}) }) }, highlight:function(){ //设置tr的背景色 var self=this; var evt=arguments[0] || window.event var chkbox=evt.srcElement || evt.target var tr=chkbox.parentNode.parentNode chkbox.checked?self.setBgColor(tr):self.restoreBgColor(tr) }, swapTr:function(tr1,tr2){ //交换tr1和tr2的位置 var target=(tr1.rowIndexsumRow(b)?1:-1; } 随机选择行 添加一行 删除选定行 上移选定行 下移选定行 按第一列数字排序 按每行数据的和排序

随机选择行 添加一行 删除选定行 上移选定行 下移选定行 按第二列数字排序 按每行数据的和排序

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

【发个自己写的表格操作类(添加,删除,排序,上移,下移)】相关文章:

JavaScript实现的MD5算法完整实例

JavaScript的Backbone.js框架的一些使用建议整理

jQuery zTree加载树形菜单功能

无刷新上传文件并返回自定义值

jQuery实现表格行上移下移和置顶的方法

jQuery判断一个元素是否可见的方法

创建表格,并添加事件

JavaScript中的toUTCString()方法使用详解

详解Angularjs filter过滤器

JavaScript 预解析的原理及实现

精品推荐
分类导航