Question

可能重复：
Spreadsheet-like control for a web application?

所以我不确定有哪些工具可用，所以我实际上并不知道如何实现我想要的工作。

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

输入结构类似于表：具有标题的任意数量的列和表示唯一项的任意行数。这些列是制表符分隔的，所以当我解析每个项目时，我会拆分选项卡，然后遍历每个字段。

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

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

有一条评论是我应该提供一种方法让人们直接在网页上输入他们的输入，这样他们就不必在windows之间切换或打开excel，但我说我不知道是否有办法这样做。

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

Answer 1

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

Answer 2

我在Rico网格（http://en.wikipedia.org/wiki/Rico_(Ajax）中看到了这一点，它允许您将网格视为电子表格。 export-owc.html有一个嵌入在网页中的电子表格对象，其内容由javascript填写电子表格对象上的Microsoft站点： http://msdn.microsoft.com/en-us/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 3

试试SlickGrid - 我们在dirigible上使用的内容 - v灵活的电子表格/网格组件，可以是只读的或可编辑的。我会把textarea留给ppl切割＆amp;将原始文本粘贴到其中，然后您应该能够解析它并在页面的其他位置填充slickgrid，然后用户可以根据需要进行编辑。

网页上的电子表格对象排序

3 个答案: