欢迎您访问我爱IT技术网,今天小编为你分享的编程技术是:【用.Net实现基于CSS的AJAX开发(4)】,下面是详细的分享!
用.Net实现基于CSS的AJAX开发(4)
else...{
// 如果已经点击了确定
var pars="pars=";
if(tr.getAttribute('editing')!=0) ...{
td.childNodes[0].removeNode(true);
td.childNodes[0].removeNode(true);
td.childNodes[0].removeNode(true);
var linkEl2=createElement('a');
linkEl2.href="http://www.chinaz.com/program/2007/0412/6743.shtml#";
linkEl2.onclick=that.editRow;
linkEl2.innerText="修改";
td.appendChild(linkEl2);
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 +"|";
}
if(!css.elementHasClass(tr.cells[h],'editbtn')&&!css.elementHasClass(tr.cells[h],'delbtn')
&&!css.elementHasClass(tr.cells[h],'updownbtn') &&!css.elementHasClass(tr.cells[h],'noedit')) ...{
tr.cells[h].innerHTML=tr.cells[h].firstChild.value;
}
}
pars=pars.substr(0,pars.length-1);
tr.setAttribute('editing',0);
pars +="&command=editrow&callback=afterUpdate&table="+table.id;
new Ajax.Updater('result','Dispatcher.ajax?'+pars,...{evalScripts: true});
}
}
},
cancelRow : function(e) ...{
var that=crudbtn.that;
var target=getEventTarget(e);
var td=target.parentNode;
var tr=td.parentNode;
var thead=tr.parentNode;
var table=thead.parentNode;
var column=target.getAttribute('columnId') || td.cellIndex;
for(var o=0;o<tr.cells.length-1;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')) ...{
tr.cells[o].innerHTML=tr.cells[o].firstChild.getAttribute('oldValue');
tr.setAttribute('editing',0);
target.innerText=target.getAttribute('oldValue');
}
}
var linkEl=createElement('a');
linkEl.href='http://www.chinaz.com/program/2007/0412/6743.shtml#';
linkEl.onclick=that.editRow;
td.firstChild.removeNode(true);
td.firstChild.removeNode(true);
td.firstChild.removeNode(true);
var innerEls=td.childNodes;
linkEl.innerText="修改";
td.appendChild(linkEl);
td.setAttribute('columnId', column);
},
upRow : 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 oTr=tr.innerHTML;
if(tr.rowIndex==1) ...{
alert("已经是第一行了");
return false;
}
else ...{
table.moveRow(tr.rowIndex,tr.rowIndex-1);
this.isOdd=true;
var rows=table.tBodies[0].rows;
// 重新隔行换色
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;
}
}
// 实现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 +"|";
}
}
}
var pars2="&pars2=";
var uprow=table.rows[tr.rowIndex+1];
for(y=0;y<uprow.cells.length;y++) ...{
if(!css.elementHasClass(uprow.cells[y],'editbtn')&&!css.elementHasClass(uprow.cells[y],'delbtn')
&&!css.elementHasClass(uprow.cells[y],'updownbtn')) ...{
var colid=uprow.cells[y].getAttribute('columnId');
if(uprow.cells[y].firstChild.value!=null) ...{
pars2 +=y +"^"+ uprow.cells[y].firstChild.value +"|";
}
else ...{
pars2 +=y +"^"+ uprow.cells[y].innerText +"|";
}
}
}
pars3="&command=MoveUpDown&callback=afterUpdate&table="+table.id;
new Ajax.Updater('result','Dispatcher.ajax?'+pars+pars2+pars3,...{evalScripts: true});
},
以上所分享的是关于用.Net实现基于CSS的AJAX开发(4),下面是编辑为你推荐的有价值的用户互动:
相关问题:我们老师要我们交一个用div+css的博客 用dw css4作...
答:你可以在百度输入div+css模板搜索一下....点击前3个应该都可以满足你的需要... 下载一个自己觉得满意的稍微修改一下就好 但如果按要求制作的话估计像楼上所说....不出点rmb估计没什么人愿意做(包括我) >>详细
相关问题:web前端开发需要精通或者学习什么,是不是html,css...
答:前端开发最重要的基础就三门技术 jvascript+css+html,js是其中最重要的 ps可以不掌握,工作的时候一般只需要会切图就行,而且很多公司会让作图的人切好图,你可以不考虑 flash完全不用理会,pc上flash日渐消沉,无线上早就死光光了 我想说的 最... >>详细
相关问题:网页编程语言html、Ajax、javascript、jQuery、CSS...
答:HTML不是编程语言,是任何可以用于展示的网页必须使用的格式,是文档对象模型(DOM)的基矗 CSS是层叠样式表,用于规定网页元素样式(如字体、颜色、布局、形状、缩放、透明)的规则。 Javascript是脚本语言,可以操作DOM树(如元素的删减、移动... >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
