用JavaScript 实现表格数据管理

用JavaScript 实现了表格数据管理的以下几个功能：

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

用JavaScript 实现表格数据管理的相关文章

javascript 触发表格背景变色

javascript javascript 触发表格背景变色 1 1 2 2 3 3 代码-----------<table width="400" border="1" cellspacing="1" cellpadding="1"><tr ><td>1</td><td>1</td></tr><tr ><td>2<

JavaScript对表格或元素按文本，数字或日期排序的方法

  本文实例讲述了JavaScript对表格或元素按文本,数字或日期排序的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 6

javascript实现表格增删改操作实例详解

 本文实例讲述了javascript实现表格增删改操作的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 6

JavaScript实现表格点击排序的方法

  这篇文章主要介绍了JavaScript实现表格点击排序的方法,可实现点击顶部数据项标题实现对应数据列的排序效果,涉及javascript鼠标事件及数据排序的技巧,需要的朋友可以参考下 这里实现基于JS的表格点击排序效果,可以根据表格内的数据大小自动按顺序排列,股票网站常会见到这种功能. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

javascript操作表格排序实例分析

  本文实例讲述了javascript操作表格排序的方法.分享给大家供大家参考.具体如下: 完整例子如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68

javascript实现表格内容排序

 本文为大家详细介绍下javascript实现表格内容排序,喜欢的朋友可以参考下 代码如下: <div id="html"></div>  <script>  var listInfos = new Array();  listInfos[0] = new Array();  listInfos[0][0] = {'name':'推荐页1','DayCount':666,'AvgTime':29872,'ErrCount':180663,'Error

JavaScript获取表格（table）当前行的值、删除行、增加行_javascript技巧

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Js获取 table当前行的值</title> <script language=javascript> var selectedTr = null; function c1(obj) { obj.style.back

javascript操作表格排序实例分析_javascript技巧

本文实例讲述了javascript操作表格排序的方法.分享给大家供大家参考.具体如下: 完整例子如下: <html> <head> <title>Table Sort Example</title> <script type="text/javascript"> //转换器,将列的字段类型转换为可以排序的类型:String,int,float function convert(sValue, sDataType) { swit

javascript实现表格增删改操作实例详解_javascript技巧

本文实例讲述了javascript实现表格增删改操作的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&