I apologize if this a repeat or similar to other postings. I've spent hours (or maybe days now) trying numerous different things, digging through the forums and google, scrapping my code and restarting, etc. trying to get KeyTables and JEditable to play well together. I can get both of them to work fine separately, but combining them has been the problem. The gist of what I'm trying to accomplish is simple. I want a user to be able to scroll using the keyboard, press enter to edit, and then press enter again or click off of the cell to commit changes. In addition, I want a user to be able to click a cell, have the KeyTable adjust focus to that cell, and the cell enter edit mode. Then, they can press enter to commit changes or click of the cell to commit changes. I've tried a number of different things: adding a click event to attempt to trigger a "enter" keypress, trying to use the "keys.event.focus" event as a workaround, embedding editable inside of click/onmouseup, and other differing variations of the jEditable setup and I think I've exhausted my knowledge. The main problems I'm running into with my latest attempt are the following:
1. I have to click twice on a cell to get it to enter edit mode.
2. Once I have a cell in edit mode by clicking on it twice, I can use the arrow keys to make it switch to another cell.
3. Once I have a cell in edit mode by clicking on it twice, I have to hit enter twice to get my change to Submit.
Here's my debug data: http://debug.datatables.net/exofis
And here's a link to my DataTable: http://stonetimberriver.dyndns.org/JDM/selecttestdatatables.html
For my example, I've only made the "Quantity" column editable to try and make it as simple as possible. Also, I've been doing my testing primarily on Chrome.
Any help would be greatly appreciated!