用js实现表格数据管理

oraclejava 贡献于2011-03-08

作者 CMCC  创建于2011-03-09 01:06:00   修改者CMCC  修改于2011-03-09 01:07:00字数8977

文档摘要:
关键词:

js的代码如下,其中注释较多就不解释了: var JCRUD=function(tb,colnum,saveAllBtn,add,ajaxSaver,allAjaxSaver,ajaxDeler){ var del = tb.getElementsByTagName('a'); var span = tb.getElementsByTagName('span'); var ctr=[];/* 保存修改的tr对象 */ var delEvent = function(){ var dder = this.parentNode.parentNode; this.data=[]; for(var i=0; i=0; i--){ if(this.parentNode.parentNode===ctr[i]){ ctr.splice(i,1); } } this.parentNode.removeChild(this); }; } } }; for(var i in del) del[i].onclick = delEvent;/* 给现在有元素添加事件 */ for(var j in span) span[j].onclick = spanEvent; add.onclick = function(){ var tbody = tb.children[0]; var tr = document.createElement('tr'); for(var j=0; j Model
A B C D 操作

Tip:

  • 点击添加按钮可以添加一个空的可以修改的记录。
  • 点击表格单元格可以修改文本。
  • 修改后实现了保存的接口。
  • 如果添加了新的记录而未做任何修改值都为null,保存全部时将被忽略。
  • 保存全部时只保存修改过的值,原有的数据不再重复保存。
  • 刷新时如果数据未保存则提示保存。
  • 点击删除时如果是临时添加的无效数据则直接删除,如果保存过的记录则实现了记录删除的接口。

下载文档到电脑,查找使用更方便

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 15 金币 [ 分享文档获得金币 ] 0 人已下载

下载文档