Meteor: record in db updating, but data not changing on screen

Question

Here's a simplified version of what I have in one of my templates:

{{#each dataRecord}}

{{#if editingNow}}

  <tr class="dataRow">
    <td><button class="updateRecord" id="{{this._id}}">SAV</button></td>
    <td><input type="text" id="{{this._id}}" value="{{this.f}}"></td></td>
  </tr>

  {{else}}

  <tr class="dataRow">
    <td><button class="edit" id="{{this._id}}">EDIT</button></td>
    <td>{{this.f}}</td> 
    <td><button class="deleteRecord" id="{{this._id}}">DEL</button> </td>
  </tr>

{{/if}}

{{/each}}

editingNow returns the value of boolean session variable which starts out as false. So when the page loads, the user sees the value of the 'f' field for each record and the EDIT button. The EDIT button flips the session variable to true and then the data is shown using an input element. The user can edit the data and click the button, which is now a SAVE button. That button updates the record using the _id and flips the session variable back to false.

The works as far as editing the data goes -- the record is definitely getting updated. I can check the value in the console and see that it has been changed. But the data that gets displayed in the table reverts back to the original value. I can see the change displayed in that field very briefly and then it flips back. Even weirder, if I click the EDIT button again, the table still displays the old value. The only way to see the updated data in that field is to restart the app.

This problem never occurred when I was using my local mongo db or when I was linking to my database on meteor.com. This has only started happening since I moved my app to modulus.io. Any ideas?

UPDATE Although I could not figure out what was causing the reactive update problem in the template, with Ethaan's help, I was able to get a better understanding of the issue and find a work-around, so I've accepted the answer and hopefully we will get to the bottom of this eventually.

Answer 1

Seems like you have some allow/deny problems maybe?

Try with

Collection.allow({
 insert:function(){return true;},
 remove:function(){return true;},
 update:function(){return true;},
})

Or check the connection with the database is succefull, go to the admin panel on modulus

Option 2

Clean the database and make a dummy insert on the server side.

First on the meteor shell run meteor reset.

OR If you have the application is on modulus.io use the mongo shell, and use this piece of code.

db.getCollectionNames().forEach(function(name) {
  if (name.indexOf('system.') === -1) {
    db.getCollection(name).drop();
  }
})

Now when you are sure the database is empty, put this on the server side.

//Server Code.
    Meteor.startup(function(){
      if(Collection.find().count() == 0){
        Collection.insert({serverInsert:"test from server"},function(err,result){
         if(!err){
          console.log("insert succefull")
        }
     })
    }
  })