将 JQuery Handsontable 保存到服务器上的 excel 文件中

Posted

技术标签:

【中文标题】将 JQuery Handsontable 保存到服务器上的 excel 文件中【英文标题】:Save JQuery Handsontable to an excel file on server 【发布时间】:2012-09-03 09:52:07 【问题描述】:

我正在寻找一种解决方案,您可以在其中将使用此 jquery 插件 http://handsontable.com/ 输入的数据保存到服务器上的文件中。

只需输入一些数据,单击保存按钮,文件就会写入服务器上的指定文件夹。显然,第二部分是稍后打开文件并将其重新导入 jquery 插件表,但仍然在此处的第 1 步......真正的目标是让这些数据对插件之外的人可用。任何帮助或指示将不胜感激。我已经搜索了这个主题,但似乎找不到任何解决方案。

感谢您的帮助!

【问题讨论】:

【参考方案1】:

您尝试做的事情当然是可能的,但是涉及许多步骤。

Handsontable 似乎有一个名为handsontable.getData() 的方法。

您可以在 Load & Save 示例中看到他们使用此方法从 handsontable 中“获取数据”并将其插入到 ajax 函数中。

使用 Ajax 函数将此数据传递给服务器端脚本。

一旦您满意地获取数据,就需要将其传递给服务器端脚本以进行进一步处理。这可以使用 Ajax 和 POST 或 GET 变量来实现。对于这一步,您几乎可以复制他们示例的部分内容。否则,Jquery 有一个不错的 Ajax 函数可供您使用。

编写处理脚本以将数据格式化为 CSV 格式并将其写入文件。

一旦您可以确认数据正在到达您的服务器端脚本,您需要将其编码为 CSV 格式。一些服务器端语言具有帮助您执行此操作的功能。获得正确格式的数据后,您可以将其写入文件。

请记住,这不会生成 .xls 文件,它会生成一个 .csv 文件,它与您所得到的一样好,而且几乎不会大惊小怪,并且肯定会对插件之外的人有用。如果您想了解更多关于这类事情的信息,那么您应该看看使用 ajax 提交表单,因为这基本上是您所做的,只是更复杂。

【讨论】:

以上是关于将 JQuery Handsontable 保存到服务器上的 excel 文件中的主要内容,如果未能解决你的问题,请参考以下文章

Handsontable Grid - 从 aspx 网页加载和保存数据

将 HandsOnTable 数据自动保存到 JSON

使用handsontable将数据保存到json文件

jquery .html() 仅从handsontable返回一些行

如何 Onload() 将焦点设置为 jQuery Handsontable

在jQuery Handsontable控件中怎样获取修改后表格