Handsontable复制/粘贴隐藏数据

时间:2015-08-29 22:26:21

标签: javascript handsontable

我使用Handsontable和对象作为数据支持。数据看起来像这样:

[
  { productId: 1, productName: "Shirt", productType: "Clothing" }
  { productId: 2, productName: "Pants", productType: "Clothing" }
]

Handsontable列配置如下所示:

columns: [
  { data: "productName" },
  { data: "productType" }
]

因此表格中未包含productId字段,换句话说,productId列已隐藏。

当用户突出显示表格中的一行并按Ctrl + C,然后在另一行中按Ctrl + V时,只有productNameproductType会转移到新行。 productId未被复制,但我希望它是。 除了可见数据外,如何使Handsontable复制隐藏数据?

我已经研究过在表中包含productId字段,但是用css隐藏它。这曾经是在Handsontable中隐藏数据的唯一方法,您可以在this thread中看到。但这些解决方案似乎都没有奏效。我还考虑过修改使用beforeCellCopy事件复制的内容,如this thread中所述。但这是解决这个问题的一种非常丑陋和丑陋的方式。还有其他想法吗?

1 个答案:

答案 0 :(得分:0)

所以你想把它粘贴在Handsontable之外,我猜想。这意味着您希望将内容添加到剪贴板之外,而不是CTRL + C事件通常会执行的操作。这意味着你必须变得讨厌,因为beforeCellCopy事件听起来像一个完美的想法。

你唯一能做的就是自己捕捉击键事件,停止传播,并使用剪贴板插件发送你想要的任何数据。这个可能更干净,但它涉及使用剪贴板插件。