您的位置：首页 > 其它

一个简单的双击编辑表格单元格，更新数据表的demo。

2009-03-07 15:23 501 查看

已经修改完毕！修改后的代码是demo2！

=================================================================

demo2（修改后的）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Test Edit Table </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

<table>

<tr>

<td id="td1" ondblclick="EditCells(this)">

aaa

</td>

<td id="td2" ondblclick="EditCells(this)">

bbb

</td>

<td id="td3" ondblclick="EditCells(this)">

ccc

</td>

</tr>

<tr>

<td id="td4" ondblclick="EditCells(this)">

aaa

</td>

<td id="td5" ondblclick="EditCells(this)">

bbb

</td>

<td id="td6" ondblclick="EditCells(this)">

ccc

</td>

</tr>

</table>

<input type="hidden" value="" id="HValue" />

</BODY>

</HTML>

</script>

=========================================================================

这原本是我在csdn上发的一个帖子：

见过石化的MES（生产执行系统）里面有个统计水、蒸汽和用电量的一个功能。大概是这样的：从数据库中读出来数据用表格呈现在页面上，双击单元格就可以编辑内容（单元格内变为文本框，原来单元格的内容被复制到单元格内文本框内），可以一次修改N多个单元格的内容，最后点一个保存按钮就可以把所有修改过的值保存起来。

我想模仿着做一下这个功能，请问修改后的数据保存在什么地方。

我暂时先做了一个简单的demo：修改单元格内文本框的值后，直接将本单元格的值更新为文本框的值，可以暂时先用ajax更新数据库，但是，我想做成一次性修改N个单元格，最后点一下保存，就可以保存所有修改过的数据，请问这该如何做，请大家给个思路，谢谢！

如果有第三方控件可以提供的话，请大家说出名字，不胜感激涕零（已经修改完毕，请看demo2）。

demo1：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Test Edit Table </TITLE>

<META NAME="Generator" CONTENT="EditPlus">

<META NAME="Author" CONTENT="">

<META NAME="Keywords" CONTENT="">

<META NAME="Description" CONTENT="">

</HEAD>

<BODY>

<table>

<tr>

<td id="td1" ondblclick="EditCells(this)">

aaa

</td>

<td id="td2" ondblclick="EditCells(this)">

bbb

</td>

<td id="td3" ondblclick="EditCells(this)">

ccc

</td>

</tr>

<tr>

<td id="td4" ondblclick="EditCells(this)">

aaa

</td>

<td id="td5" ondblclick="EditCells(this)">

bbb

</td>

<td id="td6" ondblclick="EditCells(this)">

ccc

</td>

</tr>

</table>

<input type="hidden" value="" id="HValue" />

</BODY>

</HTML>

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航