内联编辑行或单元格

时间:2012-02-27 08:21:36

标签: jquery inline editing

我想开发一个使用jQuery进行内联编辑的测试项目。在这个我希望开发的时候,我双击一个单元格而不是文本或内容的单元格,在用户输入后按Enter键,单元格的内容将在数据库中用之前的值更新。但我不知道如何用jQuery做到这一点。任何人都可以告诉我内联编辑代码吗?

提前致谢

2 个答案:

答案 0 :(得分:2)

使用文本框替换单元格内容的每个单元格创建一个onclick事件,并将单元格的当前值作为默认值。使该input元素具有onkeyup事件,该事件侦听enter键并处理按下时所需的所有内容。

答案 1 :(得分:1)

我会看一下http://www.appelsiini.net/projects/jeditable插件Jeditable,它为您提供了想要实现的行为,并在顶部添加了一些额外的配置选项。