*{}{font-size:14px}button{}{margin:3px}

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

表格操作類(添加,刪除,排序,上移,下移)

系統 1849 0

http://www.cnblogs.com/zyh-nhy/archive/2007/08/14/855063.html

< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html;charset=gb2312" >
< style type ="text/css" > * { } { font-size : 14px } button { } { margin : 3px } </ style >
< 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 < this .length;i ++ )f( this [i],i, this )}

function $A(arrayLike) {
for ( var i = 0 ,ret = [];i < arrayLike.length;i ++ )ret.push(arrayLike[i]);
return ret
}


Function.prototype.bind
= function () {
var __method = this ,args = $A(arguments),object = args.shift();
return function () {
return __method.apply(object,args.concat($A(arguments)));
}

}



function CTable(id,rows) {
this .tbl = typeof (id) == " string " ? document.getElementById(id):id;
if (rows && /^ \d + $ / .test(rows)) this .addrows(rows)
}


CTable.prototype
= {
addrows:
function (n) { // 隨機添加n個tr
new Array(n).each( this .add.bind( this ))
}
,
add:
function () { // 添加1個tr
var self = this ;
var tr = self.tbl.insertRow( - 1 ),td1 = tr.insertCell( - 1 ),td2 = tr.insertCell( - 1 ),td3 = tr.insertCell( - 1 );
var chkbox = document.createElement( " INPUT " )
chkbox.type
= " checkbox "
chkbox.onclick
= self.highlight.bind(self)
td1.appendChild(chkbox)
td1.setAttribute(
" width " , " 35 " )
td2.innerHTML
= Math.ceil(Math.random() * 99 )
td3.innerHTML
= Math.ceil(Math.random() * 99 )
}
,
del:
function () { // 刪除所選tr
var self = this
$A(self.tbl.rows).each(
function (tr) { if (self.getChkBox(tr).checked)tr.parentNode.removeChild(tr)} )
}
,
up:
function () { // 上移所選tr
var self = this
var upOne = function (tr) { // 上移1個tr
if (tr.rowIndex > 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 < self.tbl.rows.length - 1 ) {
self.swapTr(tr,self.tbl.rows[tr.rowIndex
+ 1 ]);
self.getChkBox(tr).checked
= true ;
}

}

var arr = $A(self.tbl.rows)

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)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 () b

表格操作類(添加,刪除,排序,上移,下移)


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 奇米影视777第四色 奇米影视777狠狠狠888不卡 | 天天操夜夜骑 | 欧美爱爱小视频 | 高清中文字幕视频在线播 | 性xxx免费视频| 国产99视频精品免费视频免里 | 日本精品视频一视频高清 | 一级色网站 | 日韩精品免费一区二区 | 日本特黄一级午夜剧场毛片 | 99久久成人国产精品免费 | 爱搞逼综合 | 久草在线视频看看 | 一级特黄aaa大片29 | 91在线播放国产 | 成人网在线视频 | 成年女人永久免费观看片 | 香蕉看片 | 狠狠丁香激情久久综合 | 日韩欧美中文字幕一区 | 精品久久久中文字幕 | 亚洲国产综合精品中文字幕 | 一级毛片免费观看不收费 | 欧美97| 亚洲欧美成人在线 | 99国产国人青青视频在线观看 | 爱我久久国产精品 | 调教师鞭打总裁奴男男 | 亚洲精品国产suv一区88 | 性猛交毛片 | 久久国产香蕉视频 | 北条麻妃手机在线观看 | 久久99精品国产免费观看 | 久草在线国产 | 五十路一区二区三区视频 | 超级乱淫视频播放日韩 | 国产精品1000部在线观看 | 国产精品每日更新在线观看 | 成人国产mv免费视频 | 久久精品2 | 亚洲人成一区二区不卡 |