|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Java欺骗了我们那么多年,如今的多核时代,我认为它气数已尽!好了,完成删除,,那末一切对应这个营业的删除都能够由定名为dgBigclassmanage的某一元素经由过程绑定delbtn款式来实行删
除(固然,如许不迷信,不外是DEMO嘛,假如是实践你能够在QueryString里多传一个参数,在到AjaxDelRow派发后再用举行二次派发,然后以这个参数做标识就完善了)因为贫苦,,有乐趣的本人做吧。。呵呵。
这个款式只依附TABLE元素,以是DATAGRID、DATALIST、本人做的TABLE,自界说控件只需最初天生TABLE元素的控件都能够用。
次要供应一个头脑,跟代码制造的优劣有关。在.NET里轻量地利用款式绑定,在有AJAX使用的开辟中效果很棒。你也能够本人往完成一个更优异的轻量框架了。
增编削、高低挪动纪录款式绑定的JS:
/**//**
*WrittenbyWangzhongyuan
*
*这是一个款式驱动的功效按钮把持剧本,款式用法以下:
*
*修正按钮款式:editgtn使用款式后便可把方针元素变成修正按钮,方针行变成修正行并呈现断定、作废按钮。
*删除按钮款式:delbtn使用款式后便可把方针元素变成删除按钮,点击删除则方针删除。
*上移下移按钮款式:updownbtn使用款式后便可把方针元素变成上移、下移元素,方针行变成可上移和下移。
*
*其他必要款式正在制造中........
**/
varcrudbtn=...{
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()...{
vartables=document.getElementsByTagName("table");
for(vari=0;i<tables.length;i++)...{
varthisTable=tables;
if(CSS.elementHasClass(thisTable,crudtable))...{
this.makecrudTable(thisTable);
}
}
},
/**//**
*构建把持按钮
**/
makecrudTable:function(table)...{
//起首,检测table是不是有id,假如没有则创立
if(!table.id)...{
table.id=crudTable+this.lastAssignedId++;
}
//遍历表格的数据行
varnewRows=newArray();
//遍历表格一切数据行
for(varj=0;j<table.tBodies[0].rows.length-1;j++)...{
//遍历数据行一切列
for(vark=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++;
varlinkEl=createElement(a);
linkEl.href=#;
linkEl.onclick=this.delRow;
linkEl.setAttribute(columnId,k);
varinnerEls=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++;
varlinkEl=createElement(a);
linkEl.href=#;
linkEl.onclick=this.editRow;
linkEl.setAttribute(columnId,k);
varinnerEls=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++;
Java欺骗了我们那么多年,如今的多核时代,我认为它气数已尽! |
|