JavaScript简单网格?

时间:2009-10-26 17:25:43

标签: javascript

我需要一个简单的(HTML / JavaScript)工作示例来实现以下目标。 在包含三列和五行的表中,第一列是文本框。第二列是名为EDIT的按钮/链接,第三列是名为SAVE的按钮/链接。

当我点击编辑说第3行时,第3行的文本框应该可以编辑。我输入文字,然后点击保存。它应该恢复为只读。 前提是它应该是行可编辑的。

你能提供一个有效的例子吗?或者指向相关资源?

3 个答案:

答案 0 :(得分:2)

我很欣赏这个问题已经有 11 年了,但为了继续帮助可能在几年后阅读的社区,我觉得我应该提到我已经创建了一个基于 JS 的简单网格系统,它可以帮助提供这个确切问题的解决方案......以及许多其他问题!

它叫做 JSGridSystem

您可以在此处找到代码和工作演示...

https://github.com/cwoolf123/JSGridSystem

只要您将 html 和 javascript 编辑到文档中...代码将复制您所做的任何内容并将其返回到具有所需正确宽度的网格 id

答案 1 :(得分:0)

YUI DataTable。不完全是你要求的,但它可能是一个合理的起点。

答案 2 :(得分:0)

我建议调查框架。相信我,除非你背后的目的是学习如何运作(我没有从你的问题措辞中得到那种印象),你会发现从头开始实施比使用框架要困难得多。

我建议查看Ext Framework(我的个人偏好),因为它们有一个非常简单的EditableGrid,可以快速设置和使用。