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

ASP.NET
利用ASP.NET和AJAX解决手工拼接HTML问题
Asp.net关于动态输出服务器控件的应用
技巧/诀窍:在ASP.NET中重写URL
ASP.NET 自定义控件从入门到精通3
以Post方式向网页发送数据
ASP.NET实现数据采集
使用ASP.NET Image Generation生成图片缩略图及水印
ASP.NET安全问题--ASP.NET安全架构
反思软件系统与软件系统之间的集成交互问题
.Net实现程序的插件机制
作为ASP.NET开发人员必须养成的编程习惯
总结了一下ADO.NET数据库连接的相关知识
VB.NET中有用的通用对象列表
HTTP Error 503与.NET 3.5 SP1 X64
ASP.NET创建Web服务之使用事务
ASP.NET中基类Page_Load方法后执行原因分析
ASP.NET中让网页弹出窗口不再困难
改变.net网站的默认解决方案位置
.net垃圾回收和CLR 4.0对垃圾回收所做的改进之二
.net垃圾回收和CLR 4.0对垃圾回收所做的改进之一

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-14   浏览: 191 ::
收藏到网摘: 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});
  
   }, "