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

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

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

       好了，完成删除，，那么所有对应这个业务的删除都可以由命名为dgBigclassmanage的某一元素通过绑定delbtn样式来执行删

  除（当然，这样不科学，不过是DEMO嘛，如果是实际你可以在QueryString里多传一个参数，在到AjaxDelRow派发后再用进行二次派发,然后以这个参数做标识就完美了）由于麻烦，，有兴趣的自己做吧。。 呵呵。
  
  这个样式只依赖TABLE元素，所以DATAGRID、DATALIST、自己做的TABLE，自定义控件只要最后生成TABLE元素的控件都可以用。
   主要提供一个思想，跟代码制作的好坏无关。在.NET里轻量地使用样式绑定,在有AJAX应用的开发中效果很棒。你也可以自己去实现一个更优秀的轻量框架了。
  
  增删改、上下移动记录样式绑定的JS：
  
  
  var crudbtn=...{
   that: false,
   isOdd: false,
   lastAssignedId : 0,
   addbtnid : 0,
   newRows: -1,
   init : function() ...{
   // 首先, 查看浏览器是否能执行此脚本(有些浏览器不能用getElementsByTagName)
   if (!document.getElementsByTagName) ...{
   return;
   }
  
   this.that=this;
  
   this.run();
  
   },
  
   run : function() ...{
   var tables=document.getElementsByTagName("table");
  
   for (var i=0; i < tables.length; i++) ...{
   var thisTable=tables[i];
  
   if (css.elementHasClass(thisTable, 'crudtable')) ...{
   this.makecrudTable(thisTable);
   }
   }
   },
  
   makecrudTable : function(table) ...{
  
   // 首先, 检测table是否有id,如果没有则创建
   if (!table.id) ...{
   table.id='crudTable'+this.lastAssignedId++;
   }
   // 遍历表格的数据行
   var newRows=new Array();
   // 遍历表格所有数据行
   for (var j=0; j < table.tBodies[0].rows.length-1; j++) ...{
   // 遍历数据行所有列
   for(var k=0;k < table.tBodies[0].rows[j+1].cells.length;k++) ...{
   // 判断是否存在删除样式，如果存在则把该单元个转化为删除按钮
   if(css.elementHasClass(table.tBodies[0].rows[j+1].cells[k], 'delbtn')) ...{
   table.tBodies[0].rows[j+1].cells[k].id='delbtn'+this.addbtnid ++;
   var linkEl=createElement('a');
   linkEl.href='http://www.chinaz.com/program/2007/0412/6741.shtml#';
   linkEl.onclick=this.delRow;
   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);
   }
   // 判断是否存在修改样式，如果存在则把该单元个转化为修改按钮
   if(css.elementHasClass(table.tBodies[0].rows[j+1].cells[k], 'editbtn')) ...{
   table.tBodies[0].rows[j+1].cells[k].id='delbtn'+this.addbtnid ++;
   var linkEl=createElement('a');
   linkEl.href='http://www.chinaz.com/program/2007/0412/6741.shtml#';
   linkEl.onclick=this.editRow;
   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);
   }
   // 判断是否存在上移、下移样式，如果存在则把该单元个转化为上移、下移按钮
   if(css.elementHasClass(table.tBodies[0].rows[j+1].cells[k], 'updownbtn')) ...{
   table.tBodies[0].rows[j+1].cells[k].id='updownbtn'+this.addbtnid ++;

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

　　相关问题：html，js 和 css 分别在.net网站开发中起什么作用

　　答：通俗理解： html:是供用户访问的网页 js：是一种js脚本，提供用户点击动作（特效）的处理，它是html的一部分 css：美化html页面，也是html的一部分 说明：不光只是在.net网站开发中起这些作用，如asp,jsp都是一样的 >>详细

　　相关问题：.net ajax 异步调用的几种实现方法（jquery）

　　答：删除aspx页面中 html代码，只保留第一行。在后置代码页 .aspx.cs 中写对应的方法代码。前台调用：// 异步调用页面url,参数组，返回执行事件 $.post("AjaxPage.aspx" , { type:'getData01' },function(re){$('#re_method01').html(re);});复制代... >>详细

　　相关问题：求一套整合html+css+js+ajax+jquery+struts2+sprin...

　　答：你要的是一个个慢慢地学好。而不是全套解决，我给你的学习顺序是：html+css》js》jquery》AJAX》JSP>SERVLET>struts2>hibernate>SPRING >>详细