Meteor掌上通话示例

Meteor掌上通话示例,meteor,handsontable,Meteor,Handsontable,有人使用meteor和handsontable创建反应表来读取和更新数据吗 提前感谢您的帮助下面的示例作为一个反应式表来读取和写入数据,包括粘贴和自动填充 我不知道Meteor smartpackage提供了标准的手持API。(Olragon提供了一个smartpackage,但它用于Handsontable的jQueryAPI)。您可以相当轻松地将文件直接添加到项目中: 从下载最新版本 解压dist/handsontable.full.js和dist/handsontable.full.cs

有人使用meteor和handsontable创建反应表来读取和更新数据吗


提前感谢您的帮助

下面的示例作为一个反应式表来读取和写入数据,包括粘贴和自动填充

我不知道Meteor smartpackage提供了标准的手持API。(Olragon提供了一个smartpackage,但它用于Handsontable的jQueryAPI)。您可以相当轻松地将文件直接添加到项目中:

  • 从下载最新版本
  • 解压dist/handsontable.full.js和dist/handsontable.full.css并将其复制到项目的一个客户端目录(例如/client/lib/)
  • 打开handsontable.full.js并更改以下行:

    // Remove "var" from Handsontable declaration to add to global scope
    var Handsontable = function (rootElement, userSettings) {
     ...
    
    // New code
    Handsontable = function (rootElement, userSettings) {
     ...
    
  • 您可能需要卸载任何现有的可手持smartpackages

接下来,将一个新模板添加到您的html中,您的掌上电脑将位于该html中:

<template name="handsontable">
<div class="handsontable" id="hot"></div>
</template>
我们可以指定列,以便不显示_id,还可以(可选)为colHeaders命名:

// replace at "colHeaders":
colHeaders: ['Title','Author','Copies'],
columns: [
  {data: 'title'},
  {data: 'author:},
  {data: 'copies'}
],
// ...

Sup@lobosan,已经试过了吗?一些包裹?看看这个软件包,我想如果你问一些例子或演示,人们很难来帮助你,如果你接受建议,自己尝试一些代码(可能是这个软件包),如果你被卡住了,回到这里尝试提问,但是有一些代码参考或其他东西,你能把一个最小的工作演示放在一起吗?如果是,你能将其作为Meteopad应用程序共享吗?谢谢你的回答。您的代码正在运行,但在第一列中显示文档的id。我试图通过添加Handsontable、
columns:[{data:1}、{data:2}、{data:3}]
的这个配置属性来隐藏列#0,但随后不会呈现整个表。使用属性单元格时也会出现同样的问题。任何建议。提前谢谢,请参阅更新的答案。您将列指定为:[{data:'field1'},{data:'field2'}]顺便说一句,您不能像您所指示的那样引用列,因为您使用的是对象数组(因为您使用的是Meteor集合),而不是2D数组。查看HT文档上的“对象数据源”示例非常感谢@Mufasa对您的耐心和详细支持。代码现在运行得很好。继续努力工作,你的声誉会越来越高。祝你一切顺利;)好的,我能够完成,在当前的帖子里。我错过了插入删除部分。所以我添加了一个afterCreateRow钩子,但是当我在afterCreateRow中插入时,它会导致一个无限循环。
{_id: 'Hneb7LxFRptXCiL49',
 title: 'The Name of the Wind',
 author: 'Patrick Rothfuss',
 copies: 3 }
// replace at "colHeaders":
colHeaders: ['Title','Author','Copies'],
columns: [
  {data: 'title'},
  {data: 'author:},
  {data: 'copies'}
],
// ...