好了,完成刪除,,那么所有對應這個業務的刪除都可以由命名為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 ++;
新聞熱點
疑難解答
圖片精選