| 用.Net实现基于CSS的AJAX开发(3) |
|
来源：互联网 |
时间：2007-04-15 |
浏览：
相关评论 |
报告错误 |
发布文章
|
【字号：大 | 中 | 小】
【背景色 
 】
|
|
var linkEl = createElement('a');
linkEl.href = '#';
linkEl.onclick = this.upRow;
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);
var p = createElement('span');
p.innerHTML = " ";
table.tBodies[0].rows[j 1].cells[k].appendChild(p);
var linkEl2 = createElement('a');
linkEl2.href = '#';
linkEl2.onclick = this.downRow;
linkEl2.setAttribute('columnId', k);
var innerEls2 = table.tBodies[0].rows[j 1].cells[k].childNodes;
linkEl2.innerText = "下移";
table.tBodies[0].rows[j 1].cells[k].appendChild(linkEl2);
}
}
}
// 隔行换颜色,依赖odd样式
this.isOdd = true;
var rows = table.tBodies[0].rows;
// We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
for (var i=0;i
this.doStripe(rows[i 1]);
}
},
/**//**
* 隔行分色策略，依赖odd样式
**/
doStripe : function(rowItem) ...{
if (!this.isOdd) ...{
css.addClassToElement(rowItem, 'odd');
} else ...{
css.removeClassFromElement(rowItem, 'odd');
}
this.isOdd = !this.isOdd;
},
/**//**
* 删除目标列
**/
delRow : 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;
if (!table.tBodies || table.tBodies[0].rows.length <= 1) ...{
return false;
}
this.isOdd = true;
var rows = table.tBodies[0].rows;
// 实现AJAX调用处理删除
var pars = "pars=";
for(h=0;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 "|";
}
}
}
pars = "&command=delrow&callback=afterUpdate&table=" table.id;
table.deleteRow(tr.rowIndex);
// 重新隔行换色
for (var i=1;i
if (!this.isOdd) ...{
css.addClassToElement(rows[i], 'odd');
} else ...{
css.removeClassFromElement(rows[i], 'odd');
}
this.isOdd = !this.isOdd;
}
new Ajax.Updater('result','Dispatcher.ajax?' pars,...{evalScripts: true});
if(table.rows.length<=1) ...{
alert("该页已无数据,系统将重载数据项");
window.location = "?";
}
},
/**//**
* 修改按钮
**/
editRow : 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 cellcount = tr.cells.length;
// 如果没点击修改
if(tr.getAttribute('editing')!=1) ...{
for(var o=0;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')) ...{
var inputEl = createElement('input');
inputEl.type = "text";
// 文本框大小
// inputEl.size = tr.cells[o].innerText.length*2; inputEl.size = tr.cells[o].innerText.replace(/[^\x00-\xff]/gi,'xx').length;
tr.cells[o].setAttribute('columnId', o);
inputEl.setAttribute('oldValue', tr.cells[o].innerHTML);
var inputEls = tr.cells[o].innerText;
inputEl.value = inputEls;
tr.cells[o].firstChild.removeNode(true);
tr.cells[o].appendChild(inputEl);
tr.setAttribute('editing',1);
linkEl.setAttribute('oldValue',linkEl.innerText);
}
}
linkEl.innerText = "确定";
var p = createElement('span');
p.innerHTML = " ";
td.appendChild(p);
var linkEl2 = createElement('a');
linkEl2.href="#";
linkEl2.onclick = that.cancelRow;
linkEl2.innerText = "取消";
td.appendChild(linkEl2);
}
|
|
 |
| |
|
|
|
|
收 藏
投 稿
繁 体
RSS 
欢迎在本站发布信息，在线投递稿件
我要投稿
打印本文
推荐本文
加入收藏
返回顶部
关闭窗口
