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

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【用.Net实现基于CSS的AJAX开发(3)】，下面是详细的分享！

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

  var linkEl=createElement('a');
   linkEl.href='http://www.chinaz.com/program/2007/0412/6742.shtml#';
   linkEl.onclick=this.upRow;
   linkEl.setAttribute('columnId', k);
  
   var innerEls=table.tBodies[0].rows[j+1].cells[k].childNodes;
  
   linkEl.innerText="上移";
   table.tBodies[0].rows[j+1].cells[k].appendChild(linkEl);
  
   var p=createElement('span');
   p.innerHTML="  ";
   table.tBodies[0].rows[j+1].cells[k].appendChild(p);
  
   var linkEl2=createElement('a');
   linkEl2.href='http://www.chinaz.com/program/2007/0412/6742.shtml#';
   linkEl2.onclick=this.downRow;
   linkEl2.setAttribute('columnId', k);
  
   var innerEls2=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;
   var rows=table.tBodies[0].rows;
  
   // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
   for (var i=0;i<rows.length-1;i++) ...{
   this.doStripe(rows[i+1]);
   }
   },
  
   doStripe : function(rowItem) ...{
   if (!this.isOdd) ...{
   css.addClassToElement(rowItem, 'odd');
   } else ...{
   css.removeClassFromElement(rowItem, 'odd');
   }
  
   this.isOdd=!this.isOdd;
   },
  
   delRow : function(e) ...{
   var that=crudbtn.that;
   var linkEl=getEventTarget(e);
   var td=linkEl.parentNode;
   var tr=td.parentNode;
   var thead=tr.parentNode;
   var table=thead.parentNode;
  
   if (!table.tBodies || table.tBodies[0].rows.length <=1) ...{
   return false;
   }
  
   this.isOdd=true;
   var rows=table.tBodies[0].rows;
  
   // 实现AJAX调用处理删除
   var pars="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')) ...{
   var colid=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 (var i=1;i<rows.length;i++) ...{
   if (!this.isOdd) ...{
   css.addClassToElement(rows[i], 'odd');
   } else ...{
   css.removeClassFromElement(rows[i], 'odd');
   }
   this.isOdd=!this.isOdd;
   }
   new Ajax.Updater('result','Dispatcher.ajax?'+pars,...{evalScripts: true});
   if(table.rows.length<=1) ...{
   alert("该页已无数据,系统将重载数据项");
   window.location="?";
   }
   },
  
   editRow : function(e) ...{
   var that=crudbtn.that;
   var linkEl=getEventTarget(e);
   var td=linkEl.parentNode;
   var tr=td.parentNode;
   var thead=tr.parentNode;
   var table=thead.parentNode;
  
   var column=linkEl.getAttribute('columnId') || td.cellIndex;
  
   var cellcount=tr.cells.length;
   // 如果没点击修改
   if(tr.getAttribute('editing')!=1) ...{
   for(var o=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')) ...{
   var inputEl=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);
   var inputEls=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="确定";
  
   var p=createElement('span');
   p.innerHTML="  ";
   td.appendChild(p);
  
   var linkEl2=createElement('a');
   linkEl2.href="http://www.chinaz.com/program/2007/0412/6742.shtml#";
   linkEl2.onclick=that.cancelRow;
   linkEl2.innerText="取消";
   td.appendChild(linkEl2);
   }

以上所分享的是关于用.Net实现基于CSS的AJAX开发(3)，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：asp.net做网站开发，使用HTML5+CSS3

　　答：可以，不需要更改。 安装vs后记得安装sp1就支持html5了。可以在工具-选项里设置选择html5 >>详细

　　相关问题：web前端开发需要精通或者学习什么，是不是html,css...

　　答：前端开发最重要的基础就三门技术 jvascript+css+html，js是其中最重要的 ps可以不掌握，工作的时候一般只需要会切图就行，而且很多公司会让作图的人切好图，你可以不考虑 flash完全不用理会，pc上flash日渐消沉，无线上早就死光光了 我想说的 最... >>详细

　　相关问题：ASP.NET 2010 之CSS3.0问题

　　答：在安装Standards Update for VS2010 SP1后，VS2010中没有CSS3.0问题，以下是我的解决方法 1、首先去官网下载 CSS 3 Intellisense Schema 网址：http://visualstudiogallery.msdn.microsoft.com/7211bcac-091b-4a32-be2d-e797be0db210/view/Discu... >>详细