Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Meteor JS渲染和DOM更新_Javascript_Meteor - Fatal编程技术网

Javascript Meteor JS渲染和DOM更新

Javascript Meteor JS渲染和DOM更新,javascript,meteor,Javascript,Meteor,我对MeteorJS是全新的,我只是不能把我的头围绕在它上面。或者从Jquery中摆脱思考 但无论如何 我有一个游戏集,它列出了一系列游戏,这很好 在游戏集合中,我有一个10个单元格的数组 cells = [0,0,0,0,0,0,0,0,0,0,0]; 我在模板中渲染单元格 <template name='cells'> {{#each cells}} <span class='cell'>{{this}}</span> -

我对MeteorJS是全新的,我只是不能把我的头围绕在它上面。或者从Jquery中摆脱思考

但无论如何

我有一个游戏集,它列出了一系列游戏,这很好

在游戏集合中,我有一个10个单元格的数组

  cells = [0,0,0,0,0,0,0,0,0,0,0];
我在模板中渲染单元格

  <template name='cells'>
    {{#each cells}}
       <span class='cell'>{{this}}</span> -
    {{/each}}
  </template>
然而。。。。 现在,我希望能够让用户单击单元格并将值更改为2

我知道如何使用模板助手和一些jQuery来更新类

但我如何让它真正反映在服务器/另一个页面上

我有这个

  Template.cell.events({
    'click .cell':function(evt, template){
         //Update the cell in the game collection.
         //  So [0,0,0,0,2,0,0,0,0,0] for example.
        $(evt.currentTarget).addClass('newUpdate').html(2);

    };
  });
但我希望这是活的。因此,当一个人更改它时,该类将被应用,html和颜色将在除Im处理的页面之外的所有页面上更新


比如,我如何直接更改模型,让dom在所有客户端上自动应用适当的类等等???

您应该在单击事件时更新您的集合。 像这样

MyCollection.update({_id:idOfYourcollection}:{$set:{nameOfFieldtochance: newvalue}})
magic和您的应用程序现在已上线

MyCollection.update({_id:idOfYourcollection}:{$set:{nameOfFieldtochance: newvalue}})