网页上的电子表格对象

Question

可能的重复：
Web 应用程序的类似电子表格的控件？

所以我不是确定有哪些类型的工具可用，所以我实际上不知道如何实现我想要的东西。

目前，我有一个网页，可以使用 javascript 解析用户提供的信息。基本上，有一个文本区域，用户只需根据我的规范复制粘贴格式化文本，在另一个文本区域中，它将根据给定的输入显示一个漂亮的格式化输出。

输入的结构类似于表格：任意数量的带标题的列和任意数量的代表唯一项目的行。这些列是用制表符分隔的，因此当我解析每个项目时，我会按制表符进行拆分，然后迭代每个字段。

因此，如果字段为空，您仍然必须有一个选项卡，以便数据正确排列。 我决定使用制表符，因为我们的数据可能包含各种字符，包括空格、逗号、句点等，因此制表符似乎是一个不错的选择。

我还发现电子表格是最容易使用的，人们只需在 Excel 上设置输入格式，然后将其作为制表符分隔值复制粘贴到我的网页上。这将完成工作所需的时间减少了十倍，他们真的很喜欢它。

一个评论是，我应该提供一种方法，允许人们直接在网页本身上格式化他们的输入，这样他们就不必在窗口之间切换或打开 Excel，但我说我不知道​​是否有办法做到这一点。

有没有办法将电子表格类型的对象放到网页上，我可以用 JavaScript 解析它？

Answer 1

我已经在 Rico 网格中看到了这一点（ http://en.wikipedia.org/wiki /Rico_(Ajax) ) 允许您以电子表格形式查看网格。export-owc.html 在网页中嵌入了一个电子表格对象，其内容由 javascript 填写。
Microsoft 网站上的电子表格对象：
http://msdn.microsoft.com/en-我们/library/aa205671(v=office.11​​).aspx
我认为您可以使用对象上列出的所有属性和方法 - 例如提到的 Rico 文件具有以下几行，其中“ss”是电子表格对象的 id。

 var oSS=document.getElementById('ss')
  if (!oSS) {
    alert('Error! Can not find spreadsheet');
    return;
  }
  oSS.HTMLData=oDiv.innerHTML;

Answer 2

Sencha/EXT 框架具有数据网格功能。

Answer 3

尝试 SlickGrid - 这是我们在 dirigible - v 灵活的电子表格/网格组件，可以是只读或可编辑的。我会保留文本区域供人们剪切和保存。将原始文本粘贴到其中，然后您应该能够解析它并填充页面上其他位置的 slickgrid，用户可以根据需要进行编辑。