Inline Editing row or cell

Question

I want to develop a test project for inline editing using jQuery. In this I want to develop when ever I double click on a cell a text box of the column size instead of text or content, after user give input and press Enter Key the content of cell will be updated in database with previous value. But I haven't any idea how I can do it with jQuery. Can any one tell me about inline editing code?

Thanks in advance

Answer 1

Make an onclick event for each cell that replaces the content of the cell with a textbox with the cell's current value as default value. Make that input element have an onkeyup event that listens for the enter key and handles everything required when it's pressed.

Answer 2

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