当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > 用.Net实现基于CSS的AJAX开发(4)

ASP.NET
从ASP.NET的PHP执行速度比较谈起
基于ASP.NET2.0的非HttpModule山寨版MVC框架的实现
ASP.NET 中公有的六种验证控件
无废话C#设计模式之八:Facade
C# 中的 @ 符号的使用及注意事项
保护你的.Net代码:谁动了我的组件?
VS2008与.NET 3.5的JS智能感知和调试
关于 .Net 开发下的分布式缓存设计
在C#3.0中使用扩展方法来扩展接口
C#实现Windows 服务的制作安装和删除
C#3.0中实现隐式类型变量、匿名类型的方法
C#代码与javaScript函数的相互调用
构建 ASP.NET AJAX 开发环境
Windows 窗体的.Net 框架绘图技术
.NET 开发中的一些小技巧集锦
ASP.NET 2.0 创建母版页引来的麻烦
.NET Compact Framework 概述
.NET Compact Framework 2.0 SP1新增功能
专家访谈:从Web 2.0到Web 3.0
.Net里漂浮窗口拖动的实现方法

ASP.NET 中的 用.Net实现基于CSS的AJAX开发(4)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-14   浏览: 246 ::
收藏到网摘: n/a

  else
   ...{
   // 如果已经点击了确定
   var pars = "pars=";
   if(tr.getAttribute('editing')!=0) ...{
   td.childNodes[0].removeNode(true);
   td.childNodes[0].removeNode(true);
   td.childNodes[0].removeNode(true);
   var linkEl2 = createElement('a');
   linkEl2.href="#";
   linkEl2.onclick = that.editRow;
   linkEl2.innerText = "修改";
   td.appendChild(linkEl2);
  
   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 +"|";
   }
  
   if(!css.elementHasClass(tr.cells[h],'editbtn')&&!css.elementHasClass(tr.cells[h],'delbtn')
   &&!css.elementHasClass(tr.cells[h],'updownbtn') &&!css.elementHasClass(tr.cells[h],'noedit')) ...{
   tr.cells[h].innerHTML = tr.cells[h].firstChild.value;
  
   }
   }
   pars = pars.substr(0,pars.length-1);
   tr.setAttribute('editing',0);
   pars += "&command=editrow&callback=afterUpdate&table="+table.id;
   new Ajax.Updater('result','Dispatcher.ajax?'+pars,...{evalScripts: true});
   }
  
   }
  
   },
   /**//**
   * 取消修改
   **/
   cancelRow : function(e) ...{
   var that = crudbtn.that;
   var target = getEventTarget(e);
   var td = target.parentNode;
   var tr = td.parentNode;
   var thead = tr.parentNode;
   var table = thead.parentNode;
  
   var column = target.getAttribute('columnId') || td.cellIndex;
  
   for(var o=0;o<tr.cells.length-1;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')) ...{
   tr.cells[o].innerHTML = tr.cells[o].firstChild.getAttribute('oldValue');
   tr.setAttribute('editing',0);
   target.innerText = target.getAttribute('oldValue');
   }
  
   }
   var linkEl = createElement('a');
   linkEl.href = '#';
   linkEl.onclick = that.editRow;
  
   td.firstChild.removeNode(true);
   td.firstChild.removeNode(true);
   td.firstChild.removeNode(true);
  
  
   var innerEls = td.childNodes;
   linkEl.innerText = "修改";
   td.appendChild(linkEl);
   td.setAttribute('columnId', column);
   },
   /**//**
   * 上移按钮
   **/
   upRow : 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 oTr = tr.innerHTML;
   if(tr.rowIndex == 1) ...{
   alert("已经是第一行了");
   return false;
   }
   else ...{
   table.moveRow(tr.rowIndex,tr.rowIndex-1);
   this.isOdd = true;
   var rows = table.tBodies[0].rows;
  
   // 重新隔行换色
   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;
   }
  
   }
  
   // 实现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 +"|";
   }
   }
   }
   var pars2 = "&pars2=";
   var uprow = table.rows[tr.rowIndex+1];
   for(y=0;y<uprow.cells.length;y++) ...{
   if(!css.elementHasClass(uprow.cells[y],'editbtn')&&!css.elementHasClass(uprow.cells[y],'delbtn')
   &&!css.elementHasClass(uprow.cells[y],'updownbtn')) ...{
   var colid = uprow.cells[y].getAttribute('columnId');
   if(uprow.cells[y].firstChild.value!=null) ...{
   pars2 += y +"^"+ uprow.cells[y].firstChild.value +"|";
   }
   else ...{
   pars2 += y +"^"+ uprow.cells[y].innerText +"|";
   }
   }
   }
   pars3 = "&command=MoveUpDown&callback=afterUpdate&table="+table.id;
   new Ajax.Updater('result','Dispatcher.ajax?'+pars+pars2+pars3,...{evalScripts: true});
  
   }, "