求JSP实现table单元格编辑实例

Question

求JSP实现table单元格编辑实例点击table的一个单元格让其变成可编辑。之后按回车更新数据库和页面table，恢复不可编辑状态。
AJAX也行，最好用DWR的。

Answer 1

我想，只能运行CSS来制造一种假象首先，在表格之间插入文本输入框，设置CSS样式，使其与一般表格外形相似，当光标点击一个输入框时，就触发一个JS事件，通过CSS更改当前输入框的表现形式，当按Enter或失去焦点时，再还原更改其CSS样式网上找到一个相似的例子：
http://hi.baidu.com/xiongshihu/blog/item/c18f4d7fce5e260028388ab7.html

Answer 2

谁没事给你写这个！！你够懒的！自己搞定！http://www.appelsiini.net/projects/jeditable/default.html 

Answer 3

表格嵌套text表单，通过表格和text表单的的id属性来判断，触发提交事件，然后用js来将该对象设定为readonly。
关键是，既然可以修改，那要是第一次输入错误就没法修改了？

Answer 4

在单元格对应的<td>节点上添加onclick事件，事件中如果点击，则判断当前是否已经是可以编辑的，如果不是，则需要改变成可编辑，这样的情况：需要用innerHTML来添加一个input type=‘text’，来增加一个编辑框；如果已经是编辑框，则innerHTML一个字符串即可。至于回车保存数据库，则用ajax实现即可。

Answer 5

我的思路：
    你可以在每个<td></td>内都放一个<input>，且该input初始时状态为disabled，每当点击该行(即该<tr>)时，将此行的所有input都设为enabled，每当enter后，就触发ajax请求，将此行信息修改到数据库，并重新设置该行的所有input为disabled。

Answer 6

赞同楼上的观点，当然在改变下<input type="text">的样式，就更好了 。

Answer 7

DWR实现十分简单啊
DWR开发文档
留下油箱或者MM把油箱密信发送给我 我发给你
第7章. util.js 功能
util.js包含了一些工具函数来帮助你用javascript数据(例如从服务器返回的数据)来更新你的web页面。 你可以在DWR以外使用它，因为它不依赖于DWR的其他部分。你可以下载整个DWR或者单独下载. 4个基本的操作页面的函数：getValue[s]()和setValue[s]()可以操作大部分HTML元素除了table，list和image。getText()可以操作select list。 要修改table可以用addRows()和removeAllRows()。要修改列表(select列表和ul,ol列表)可以用addOptions()和removeAllOptions()。 还有一些其他功能不是DWRUtil的一部分。但它们也很有用，它们可以用来解决一些小问题，但是它们不是对于所有任都通用的。

Answer 8

不是用ajax也行，而是必须用ajax
另外，你说的这些东西实现起来不难，就是有点麻烦，贴代码要很多，网上搜一搜，还是自己解决吧。

Answer 9

现在网上流行的EXT框架就可以实现.都是利用AJAX的原理做的。

Answer 10

谢谢各位哦，我用DWR实现了！挺不错的