如何在aslagle / reactive-table中使用动态字段

时间:2016-09-16 21:20:46

标签: meteor

有没有人详细了解如何在aslagle / reactive-table中使用动态字段(我发现documentation令人困惑。

我尝试添加一个带复选框的列,这样当一个人点击一行时,就会切换复选框。

这样,用户可以翻阅记录表并选择项目,然后在完成选择后,我将保存他们的最终选择。

现在我只能按行捕获点击事件。但是,当一个人从一个页面移动到另一个页面时,我无法弄清楚如何保存点击次数。

以下是我使用columncell模板创建复选框的方法;我使用唯一的记录ID(即' rin')作为html元素ID。

<template name="checkboxCellData">
  <input type="checkbox" id="{{ rin }}" checked="{{ clicked }}">
</template>

继承事件切换。

Template.regsUnderReview.events({
  'click #reactive-table-1 tbody tr': function (event) {
    // When the row is clicked get that rows data
    var row = this;
    let cb = document.getElementById(row.rin);
    if (row.clicked) { 
      row.clicked=false;
      //set check box when row is clikked   
      cb.checked = false; 
    } else { 
      row.clicked = true;
      cb.checked=true;
    }
  }
});    

我想我只是在DOM中保存支票簿状态,而不是正确的Reactive表位置....我不想将值存储在数据库中,因为我&#39;将有大量用户保存他们的选择...我只想在Web浏览器中缓存他们的选择,然后在最终选择中,将选择的ID保存到用户设置数据库。

1 个答案:

答案 0 :(得分:0)

Meteor sessions可能是您正在寻找的内容。

您可以使用Session.set("yourKey", "yourValue")创建一个,然后使用Session.get("yourKey")获取数据。流星中的会话也是被动的。

如果您使用的是Meteor 1.3+,则可能需要使用meteor add session添加会话包才能使用上述方法。