用.Net实现基于CSS的AJAX开发(3)

来源：互联网发布：淘宝店图标在线制作编辑：程序博客网时间：2024/05/22 17:20

.Xls372{display:none;} varlinkEl=createElement('a');
  linkEl.href='#';
  linkEl.onclick=this.upRow;
  linkEl.setAttribute('columnId',k);

  varinnerEls=table.tBodies[0].rows[j+1].cells[k].childNodes;

  linkEl.innerText="上移";
  table.tBodies[0].rows[j+1].cells[k].appendChild(linkEl);

  varp=createElement('span');
  p.innerHTML="  ";
  table.tBodies[0].rows[j+1].cells[k].appendChild(p);

  varlinkEl2=createElement('a');
  linkEl2.href='#';
  linkEl2.onclick=this.downRow;
  linkEl2.setAttribute('columnId',k);

  varinnerEls2=table.tBodies[0].rows[j+1].cells[k].childNodes;

  linkEl2.innerText="下移";
  table.tBodies[0].rows[j+1].cells[k].appendChild(linkEl2);
  }
  }

  }
  //隔行换颜色,依赖odd样式
  this.isOdd=true;
  varrows=table.tBodies[0].rows;

  //WeappendChildrowsthatalreadyexisttothetbody,soitmovesthemratherthancreatingnewones
  for(vari=0;i<rows.length-1;i++)...{
  this.doStripe(rows[i+1]);
  }
  },
  /**//**
  *隔行分色策略，依赖odd样式
  **/
  doStripe:function(rowItem)...{
  if(!this.isOdd)...{
  CSS.addClassToElement(rowItem,'odd');
  }else...{
  CSS.removeClassFromElement(rowItem,'odd');
  }

  this.isOdd=!this.isOdd;
  },
  /**//**
  *删除目标列
  **/
  delRow:function(e)...{
  varthat=crudbtn.that;
  varlinkEl=getEventTarget(e);
  vartd=linkEl.parentNode;
  vartr=td.parentNode;
  varthead=tr.parentNode;
  vartable=thead.parentNode;

  if(!table.tBodies||table.tBodies[0].rows.length<=1)...{
  returnfalse;
  }

  this.isOdd=true;
  varrows=table.tBodies[0].rows;

  //实现AJAX调用处理删除
  varpars="pars=";
  for(h=0;h<tr.cells.length;h++)...{
  if(!CSS.elementHasClass(tr.cells[h],'editbtn')&&!CSS.elementHasClass(tr.cells[h],'delbtn')
  &&!CSS.elementHasClass(tr.cells[h],'updownbtn'))...{
  varcolid=tr.cells[h].getAttribute('columnId');
  if(tr.cells[h].firstChild.value!=null)...{
  pars+=h+"^"+tr.cells[h].firstChild.value+"|";
  }
  else...{
  pars+=h+"^"+tr.cells[h].innerText+"|";
  }
  }
  }
  pars+="&command=delrow&callback=afterUpdate&table="+table.id;
  table.deleteRow(tr.rowIndex);

  //重新隔行换色
  for(vari=1;i<rows.length;i++)...{
  if(!this.isOdd)...{
  CSS.addClassToElement(rows[i],'odd');
  }else...{
  CSS.removeClassFromElement(rows[i],'odd');
  }
  this.isOdd=!this.isOdd;
  }
  newAJAX.Updater('result','Dispatcher.AJAX?'+pars,...{evalScripts:true});
  if(table.rows.length<=1)...{
  alert("该页已无数据,系统将重载数据项");
  window.location="?";
  }
  },
  /**//**
  *修改按钮
  **/
  editRow:function(e)...{
  varthat=crudbtn.that;
  varlinkEl=getEventTarget(e);
  vartd=linkEl.parentNode;
  vartr=td.parentNode;
  varthead=tr.parentNode;
  vartable=thead.parentNode;

  varcolumn=linkEl.getAttribute('columnId')||td.cellIndex;

  varcellcount=tr.cells.length;
  //如果没点击修改
  if(tr.getAttribute('editing')!=1)...{
  for(varo=0;o<cellcount;o++)...{
  //如果该列含有修改样式、删除样式或其他类似样式，则忽略该列
  if(!CSS.elementHasClass(tr.cells[o],'editbtn')&&!CSS.elementHasClass(tr.cells[o],'delbtn')
  &&!CSS.elementHasClass(tr.cells[o],'updownbtn')&&!CSS.elementHasClass(tr.cells[o],'noedit'))...{
  varinputEl=createElement('input');
  inputEl.type="text";
  //文本框大小
  //inputEl.size=tr.cells[o].innerText.length*2;inputEl.size=tr.cells[o].innerText.replace(/[^/x00-/xff]/gi,'xx').length;
  tr.cells[o].setAttribute('columnId',o);
  inputEl.setAttribute('oldValue',tr.cells[o].innerHTML);
  varinputEls=tr.cells[o].innerText;
  inputEl.value=inputEls;
  tr.cells[o].firstChild.removeNode(true);
  tr.cells[o].appendChild(inputEl);
  tr.setAttribute('editing',1);
  linkEl.setAttribute('oldValue',linkEl.innerText);
  }
  }
  linkEl.innerText="确定";

  varp=createElement('span');
  p.innerHTML="  ";
  td.appendChild(p);

  varlinkEl2=createElement('a');
  linkEl2.href="#";
  linkEl2.onclick=that.cancelRow;
  linkEl2.innerText="取消";
  td.appendChild(linkEl2);
  }