2014-09-10 131 views
0

问候大家,我来了。实时时间表编辑和保存

我目前正在试图想怎么会是最好设置为可编辑的电子表格像这样的:

这里的Work on Project timesheet

(示例是Excel电子表格,我需要一个以html格式制作的), ,它是通过预先设置的数据在窗体上生成的。所以主要标准是H24:AL103范围内的所有数字和字母(请参阅示例附件)必须可以实时编辑并保存在临时表(PHP,AJAX,MYSQL)上。像Google文档中的原理。我输入一些内容,退出并随时返回,并继续使用保存的进度对其进行编辑。它必须采用与示例几乎相同的格式,并且所有字段必须处于活动状态才能进行编辑或更改。与H24相反的数据:AL103是从数据库表格中计算或预设的。在最终用户可以按下完成和表不再可编辑,并等待验证后,它可以导出到.xls,.pdf和可打印。

任何人都可以提供这方面的任何做法吗?附:最好的将是专门为Yii框架。

以及你能帮我制作这个例子的数据库结构吗?所以一切都会放在一张桌子上。

+0

的可能的复制[谷歌文档克隆(http://stackoverflow.com/questions/6012443/google-docs-clone) – 2014-09-10 08:39:26

回答

1

你可以使用jquery,给每个盒子一个唯一的ID,点击后打开一个弹出框,其中包含文本/值,当点击框时,任何更改都通过POST完成。 PHP脚本,它更新服务器上的值,AJAX。

http://www.9lessons.info/2011/03/live-table-edit-with-jquery-and-ajax.html

+0

谢谢您的回复,但我需要的东西,需要没有弹出窗口,只是输入输入的简单更新。 – juslintek 2014-09-10 10:28:07

+1

我的链接例子就是你想要的,然后我对弹出的评论只是你可以做的事情 – 2014-09-10 10:30:42