IT技术库 - 技术成就梦想
首页
网络编程
发布时间:2023-07-25 09:41:01
发个自己写的表格操作类(添加,删除,排序,上移,下移)
表格
排序
<script type="text/javascript"> 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;i
0){ self.swapTr(tr,self.tbl.rows[tr.rowIndex-1]) self.getChkBox(tr).checked=true } } var arr=$A(self.tbl.rows).reverse() if (arr.length>0 && 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.rowIndex
0 && 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.rowIndex
sumRow(b)?1:-1; } </script>
随机选择行
添加一行
删除选定行
上移选定行
下移选定行
按第一列数字排序
按每行数据的和排序
随机选择行
添加一行
删除选定行
上移选定行
下移选定行
按第二列数字排序
按每行数据的和排序
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
你可能感兴趣的
js table排序类代码
23-07-24
table
js
排序
javascript 表格左右收缩
23-07-24
javascript
表格
修改正确的asp冒泡排序
23-07-24
asp
冒泡
排序
发个自己写的表格操作类(添加,删除,排序,上移,下移)
23-07-25
表格
排序
固定表格的高度超过指定高度就隐藏的方法
23-07-25
表格
高度
用于table内容排序
23-07-25
table
排序
JavaScript 给汉字排序实例代码
23-07-26
javascript
汉字
排序
通过JavaScript脚本复制网页上的一个表格
23-07-26
复制
网页
表格
javascript
实现表格中行点击时的渐扩效果!
23-07-26
渐扩
表格
渐变
asp下几种常用排序算法
23-07-27
asp
排序
算法