如何制作AJAX电子表格或可编辑和可导航的Web表/网格？

Many web applications today have spreadsheets. I was trying to make a very similar table, but with reduced funcionality:

今天许多Web应用程序都有电子表格。我试图制作一个非常相似的表,但功能减少:

editable cells
pressing the arrow keys, or would make you go to a cell next to the current one (in the proper direction)

按箭头键,或者会让你去当前的一个单元格(正确的方向)

I found ext grid and YUI DataTable, and besides they being editable I haven't found an easy way to make them keyboard navigatable.

我找到了ext grid和YUI DataTable,除了可编辑之外我还没有找到一种简单的方法让它们可以导航键盘。

Anyone knows how to configure them properly? Anyone knows another JS library that would help me?

任何人都知道如何正确配置它们?有谁知道另一个JS库可以帮助我吗?

4 个解决方案

#1

http://os.arandomurl.com/jqueryspreadsheet/ arrows work

http://plugins.jquery.com/project/sheet

#2

Use either of those grids, and just watch the keyboard keyup event. Check if it's an arrow, and if so, move the focus. Both those grids support selecting the cell via code, so you should be good to go.

使用其中任何一个网格,只需观看键盘键盘事件。检查它是否为箭头,如果是,则移动焦点。这两个网格都支持通过代码选择单元格,所以你应该好好去。

#3

Try Gelsheet A Google Doc like application (reduced), but opensource ! You can install and customize as you want. Also there are plugins for wordpress, opengoo and fengoffice.

尝试使用Gelsheet Google Doc应用程序(简化版),但是开源!您可以根据需要进行安装和自定义。还有wordpress,opengoo和fengoffice的插件。

Good luck !

祝好运 !

#4

There's a plugin for jQuery called jqGrid. Sounds pretty nice.

有一个名为jqGrid的jQuery插件。听起来不错。

#1