国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

用.Net實現基于CSS的AJAX開發(2)

2024-07-10 13:12:45
字體:
來源:轉載
供稿:網友

       好了,完成刪除,,那么所有對應這個業務的刪除都可以由命名為dgbigclassmanage的某一元素通過綁定delbtn樣式來執行刪

  除(當然,這樣不科學,不過是demo嘛,如果是實際你可以在querystring里多傳一個參數,在到ajaxdelrow派發后再用進行二次派發,然后以這個參數做標識就完美了)由于麻煩,,有興趣的自己做吧。。 呵呵。
  
  這個樣式只依賴table元素,所以datagrid、datalist、自己做的table,自定義控件只要最后生成table元素的控件都可以用。
   主要提供一個思想,跟代碼制作的好壞無關。在.net里輕量地使用樣式綁定,在有ajax應用的開發中效果很棒。你也可以自己去實現一個更優秀的輕量框架了。
  
  增刪改、上下移動記錄樣式綁定的js:
  
   /**//**
   * written by wangzhongyuan
   *
   * 這是一個樣式驅動的功能按鈕控制腳本,樣式用法如下:
   *
   * 修改按鈕樣式: editgtn 應用樣式后即可把目標元素變為修改按鈕,目標行變為修改行并出現確定、取消按鈕。
   * 刪除按鈕樣式: delbtn 應用樣式后即可把目標元素變為刪除按鈕,點擊刪除則目標刪除。
   * 上移下移按鈕樣式: updownbtn 應用樣式后即可把目標元素變為上移、下移元素,目標行變為可上移和下移。
   *
   * 其他需要樣式正在制作中........
   **/
  var crudbtn = ...{
   that: false,
   isodd: false,
   lastassignedid : 0,
   addbtnid : 0,
   newrows: -1,
   init : function() ...{
   // 首先, 查看瀏覽器是否能執行此腳本(有些瀏覽器不能用getelementsbytagname)
   if (!document.getelementsbytagname) ...{
   return;
   }
  
   this.that = this;
  
   this.run();
  
   },
   /**//**
   * 遍歷document中的所有table,如果有樣式crudtable,則應用此腳本
   *
   **/
   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 = '#';
   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 = '#';
   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 ++;

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁阳县| 高唐县| 府谷县| 南平市| 镇赉县| 德江县| 武陟县| 合阳县| 寿光市| 宝鸡市| 和静县| 祁阳县| 花莲县| 冷水江市| 仁怀市| 龙口市| 峨山| 湄潭县| 普兰店市| 深州市| 东阳市| 龙川县| 赤城县| 安庆市| 达州市| 双柏县| 黔江区| 长顺县| 娄底市| 文登市| 栾城县| 华坪县| 电白县| 苍南县| 西乌| 太和县| 龙井市| 叶城县| 老河口市| 囊谦县| 阳高县|