基于css样式绑定的样式驱动式AJAX程序开发（.net实现）3
点击次数：27 次 发布日期：2008-11-26 11:07:19 作者：源代码网
|
源代码网推荐 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<rows.length-1;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<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 +"|"; 源代码网推荐 } 源代码网推荐 } 源代码网推荐 } 源代码网推荐 pars += "&command=delrow&callback=afterUpdate&table="+table.id; 源代码网推荐 table.deleteRow(tr.rowIndex); 源代码网推荐 源代码网推荐 // 重新隔行换色 源代码网推荐 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; 源代码网推荐 } 源代码网推荐 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<cellcount;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); 源代码网推荐 } 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
