自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

iteye_20446的博客

博客等级

码龄7年

22
原创

2
点赞

6
收藏

0
粉丝

关注

私信

热门文章

分类专栏

Mysql 1篇
JavaScript 2篇
Oracle

最新评论

(转）JS实现可编辑的表格
m0_66516207: /*** JS实现可编辑的表格 * 用法:EditTables(tb1,tb2,tb2,......);* Created at 2011-10-11**///设置多个表格可编辑function EditTables(){for(var i=0;i<arguments.length;i++){ SetTableCanEdit(arguments[i]);}}//设置表格是可编辑的function SetTableCanEdit(table){for(var i=1; i<table.rows.length;i++){ SetRowCanEdit(table.rows[i]);}}function SetRowCanEdit(row){for(var j=0;j<row.cells.length; j++){ //如果当前单元格指定了编辑类型，则表示允许编辑 var editType = row.cells[j].getAttribute("EditType"); if(!editType){ //如果当前单元格没有指定，则查看当前列是否指定 editType = row.parentNode.rows[0].cells[j].getAttribute("EditType"); } if(editType){ row.cells[j].onclick = function (){ EditCell(this); } }}}//设置指定单元格可编辑function EditCell(element, editType){var editType = element.getAttribute("EditType");if(!editType){ //如果当前单元格没有指定，则查看当前列是否指定 editType = element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("EditType");}switch(editType){ case "TextBox": CreateTextBox(element, element.innerHTML); break; case "DropDownList": CreateDropDownList(element); break; default: break;}}//为单元格创建可编辑输入框function CreateTextBox(element, value){//检查编辑状态，如果已经是编辑状态，跳过var editState = element.getAttribute("EditState");if(editState != "true"){ //创建文本框 var textBox = document.createElement("INPUT"); textBox.type = "text"; textBox.className="EditCell_TextBox"; //设置文本框当前值 if(!value){ value = element.getAttribute("Value"); } textBox.value = value; //设置文本框的失去焦点事件 textBox.onblur = function (){ CancelEditCell(this.parentNode, this.value); } //向当前单元格添加文本框 ClearChild(element); element.appendChild(textBox); textBox.focus(); textBox.select(); //改变状态变量 element.setAttribute("EditState", "true"); element.parentNode.parentNode.setAttribute("CurrentRow", element.parentNode.rowIndex);}}//为单元格创建选择框function CreateDropDownList(element, value){//检查编辑状态，如果已经是编辑状态，跳过var editState = element.getAttribute("EditState");if(editState != "true"){ //创建下接框 var downList = document.createElement("Select"); downList.className="EditCell_DropDownList"; //添加列表项 var items = element.getAttribute("DataItems"); if(!items){ items = element.parentNode.parentNode.rows[0].cells[element.cellIndex].getAttribute("DataItems"); } if(items){ items = eval("[" + items + "]"); for(var i=0; i<items.length; i++){ var oOption = document.createElement("OPTION"); oOption.text = items[i].text; oOption.value = items[i].value; downList.options.add(oOption); } } //设置列表当前值 if(!value){ value = element.getAttribute("Value"); } downList.value = value; //设置创建下接框的失去焦点事件 downList.onblur = function (){ CancelEditCell(this.parentNode, this.value, this.options[this.selectedIndex].text); } //向当前单元格添加创建下接框 ClearChild(element); element.appendChild(downList); downList.focus(); //记录状态的改变 element.setAttribute("EditState", "true"); element.parentNode.parentNode.setAttribute("LastEditRow", element.parentNode.rowIndex);}}//取消单元格编辑状态function CancelEditCell(element, value, text){element.setAttribute("Value", value);if(text){ element.innerHTML = text;}else{ element.innerHTML = value;}element.setAttribute("EditState", "false");//检查是否有公式计算CheckExpression(element.parentNode);}//清空指定对象的所有字节点function ClearChild(element){element.innerHTML = "";}//添加行function AddRow(table, index){var lastRow = table.rows[table.rows.length-1];var newRow = lastRow.cloneNode(true);table.tBodies[0].appendChild(newRow);SetRowCanEdit(newRow);return newRow;}//删除行function DeleteRow(table, index){for(var i=table.rows.length - 1; i>0;i--){ var chkOrder = table.rows[i].cells[0].firstChild; if(chkOrder){ if(chkOrder.type = "CHECKBOX"){ if(chkOrder.checked){ //执行删除 table.deleteRow(i); } } }}}//提取表格的值,JSON格式function GetTableData(table){var tableData = new Array();alert("行数：" + table.rows.length);for(var i=1; i<table.rows.length;i++){ tableData.push(GetRowData(tabProduct.rows[i]));}return tableData;}//提取指定行的数据，JSON格式function GetRowData(row){var rowData = {};for(var j=0;j<row.cells.length; j++){ name = row.parentNode.rows[0].cells[j].getAttribute("Name"); if(name){ var value = row.cells[j].getAttribute("Value"); if(!value){ value = row.cells[j].innerHTML; } rowData[name] = value; }}//alert("ProductName:" + rowData.ProductName);//或者这样：alert("ProductName:" + rowData["ProductName"]);return rowData;}//检查当前数据行中需要运行的字段function CheckExpression(row){for(var j=0;j<row.cells.length; j++){ expn = row.parentNode.rows[0].cells[j].getAttribute("Expression"); //如指定了公式则要求计算 if(expn){ var result = Expression(row,expn); var format = row.parentNode.rows[0].cells[j].getAttribute("Format"); if(format){ //如指定了格式，进行字值格式化 row.cells[j].innerHTML = formatNumber(Expression(row,expn), format); }else{ row.cells[j].innerHTML = Expression(row,expn); } }}}//计算需要运算的字段function Expression(row, expn){var rowData = GetRowData(row);//循环代值计算for(var j=0;j<row.cells.length; j++){ name = row.paren
Cannot convert value '0000-00-00 00:00:00' from column XX to TIMESTAMP
杨_xj: 很好成功解决

JavaScript

关注

关注数：文章数：2 文章阅读量：1855 文章收藏量：5

作者: iteye_20446

这个作者很懒，什么都没留下…

展开

专栏收录文章