var?JCRUD=function(tb,colnum,saveAllBtn,add,ajaxSaver,allAjaxSaver,ajaxDeler){

????var?del = tb.getElementsByTagName('a');

????var?span = tb.getElementsByTagName('span');

????var?ctr=[];/* 保存修改的tr對象 */

????var?delEvent =?function(){

????????var?dder =?this.parentNode.parentNode;

????????this.data=[];

????????for(var?i=0; i<dder.children.length-1; i++)

????????????this.data[i] = dder.children[i].children[0].firstChild.nodeValue;

????????var?tag = 0;

????????for(var?j=0; j<this.data.length; j++){

????????????if(this.data[j]!=='null'){/* 如果修改了單元格的默認(rèn)值，這里也做相應(yīng)修改 */

????????????????tag=1;

????????????????break;

????????????}

????????}

????????for(var?k=0; k<ctr.length; k++)?if(ctr[k]===dder) ctr.splice(k,1);

????????dder.parentNode.removeChild(dder);

????????if(tag==1) ajaxDeler.call(this);

????};

????var?spanEvent =?function(){/* 點(diǎn)擊生成修改框 */

????????var?value =?this.firstChild.nodeValue;

????????var?input = document.createElement('input');

????????input.value = value;

????????this.parentNode.appendChild(input);

????????this.parentNode.removeChild(this);

????????input.focus();

????????input.onblur =?function(){/* 失去焦點(diǎn)移除修改框 */

????????????var?span = document.createElement('span');

????????????span.appendChild(document.createTextNode(this.value?this.value:'null'));/* 如果修改了單元格的默認(rèn)值，這里也做相應(yīng)修改 */

????????????span.onclick =spanEvent;

????????????this.parentNode.appendChild(span);

????????????this.parentNode.removeChild(this);

????????????if(value!=this.value){/* 如果內(nèi)容改變生成保存按鈕 */

????????????????var?tr = span.parentNode.parentNode

????????????????????tds = tr.children;

????????????????????btns = tds[colnum-1].getElementsByTagName('a');

????????????????for(var?i=0; i<btns.length; i++){

????????????????????if(btns[i].firstChild.nodeValue!='保存'){

????????????????????????var?saver = document.createElement('a');

????????????????????????saver.href="javascript:;";

????????????????????????saver.appendChild(document.createTextNode('保存'));

????????????????????}else{

????????????????????????var?saver = btns[i];

????????????????????}

????????????????}

????????????????tds[tds.length-1].appendChild(saver);

????????????????var?tag=0;

????????????????for(var?k=0; k<ctr.length; k++)

????????????????????if(ctr[k]===tr) tag=1;

????????????????if(tag==-0) ctr.push(tr);

????????????????saver.onclick=function(){/* 添加保存處理事件 */

????????????????????this.data = [];

????????????????????for(var?i=0; i<tds.length-1; i++)

????????????????????????this.data[i] =?this.parentNode.parentNode.children[i].children[0].firstChild.nodeValue;

????????????????????ajaxSaver.call(this);

????????????????????for(var?i=ctr.length-1; i>=0; i--){

????????????????????????if(this.parentNode.parentNode===ctr[i]){

????????????????????????????ctr.splice(i,1);

????????????????????????}

????????????????????}

????????????????????this.parentNode.removeChild(this);

????????????????};

????????????}

????????}

????};

????for(var?i?in?del) del[i].onclick = delEvent;/* 給現(xiàn)在有元素添加事件 */

????for(var?j?in?span) span[j].onclick = spanEvent;

????add.onclick =?function(){

????????var?tbody = tb.children[0];

????????var?tr = document.createElement('tr');

????????for(var?j=0; j<colnum; j++){

????????????var?td = document.createElement('td');

????????????if(j==(colnum-1)){

????????????????var?del = document.createElement('a');

????????????????del.href='javascript:;';

????????????????del.appendChild(document.createTextNode('刪除'));

????????????????del.onclick = delEvent;/* 給新加元素添加事件 */

????????????????td.appendChild(del);

????????????}else{

????????????????var?span = document.createElement('span');

????????????????span.appendChild(document.createTextNode('null'));/* 如果在添加時(shí)修改默認(rèn)值，在這里修改的 */

????????????????td.appendChild(span);

????????????????span.onclick =spanEvent;

????????????}

????????????tr.appendChild(td);

????????}

????????tbody.appendChild(tr);

????};

????var?getAllData =?function(){/* 保存全部的數(shù)據(jù)解析 */

????????var?allData=[];

????????for(var?i=0; i<ctr.length; i++){

????????????allData[i]=[];

????????????for(var?j=0; j<ctr[i].children.length-1; j++)

????????????????allData[i].push(ctr[i].children[j].children[0].firstChild.nodeValue);

????????????ctr[i].children[colnum-1].removeChild(ctr[i].children[colnum-1].children[1]);

????????}

????????ctr=[];

????????return?allData;

????};

????saveAllBtn.onclick =?function(){/* 添加保存全部數(shù)據(jù)保存事件 */

????????this.allData = getAllData();

????????if(this.allData.length){

????????????allAjaxSaver.call(this);

????????}else{

????????????alert('No data!');

????????}

????};

????window.onbeforeunload =?function(){/* 刷新提示保存數(shù)據(jù) */

????????if(ctr.length){

????????????var?y = confirm('數(shù)據(jù)還未保存，是否保存數(shù)據(jù)？')

????????????if(y){

????????????????saveAllBtn.click();

????????????}

????????}

????};

};