javascript - Meteor Reactive Table onchange fields 事件

Question

我找不到任何有关在 Reactive Table 上使用 onchange 事件的问题或答案。

每当我按下表上的任何行并记录该行上的值时，我都可以 console.log 单击事件。但只要这些字段值之一发生变化，我就无法记录。可能我的语法有错误，我只是无法弄清楚它以及如何让它工作。

这是我的代码:

表.js

Template.tables.onCreated( function() {
   this.subscribe('adverts');
   var currentPage = new ReactiveVar(Session.get('current-page') || 0);
   this.currentPage = currentPage;
   this.autorun(function () {
      Session.set('current-page', currentPage.get());
      console.log(currentPage)
     });
   });

    Template.tables.helpers({
       table: function() {
            return Adverts.find().fetch();
        },
 })
    Template.tables.events({
    'onchange .reactive-table tbody tr': function () {
        var fields = this;
        Session.set('post', fields);
        console.log(fields)
      },
    })

表.html

<template name="tables">
 <div>
    {{> reactiveTable showFilter=false showNavigation='never' collection=table}}
 </div>
</template>

Answer 1

tr 元素无法触发 change 事件。您正在寻找数据更改而不是用户交互，因此处理此问题的更好方法是使用观察者:

var cursor = Adverts.find();
var handle = cursor.observe({
    changed: function(newDocument, oldDocument) {
        //handle change
    }
});

请参阅docs有关观察员的更多信息。