2014-11-28 4 views
0

Im MeteorJS의 새로운 브랜드인데, 내 머리를 감쌀 수없는 것 같습니다. 또는 Jquery에서 생각을 떠나십시오.Meteor JS 렌더링 및 DOM 업데이트

하지만 어쨌든.

나는 많은 게임 목록을 나열한 게임 컬렉션을 보유하고 있습니다. 게임 컬렉션 내부

내가 10 개 세포

cells = [0,0,0,0,0,0,0,0,0,0,0]; 

배열을 그러나
0 - 0 - 0 - 0 - 0 - 0 - 0 - 0 - 0 - 0 

예상대로이 렌더링 템플릿

<template name='cells'> 
    {{#each cells}} 
     <span class='cell'>{{this}}</span> - 
    {{/each}} 
    </template> 

의 셀 렌더링 임 .. .. 이제 사용자가 셀을 클릭하고 값을 변경할 수 있기를 원합니다. e to a 2.

나는 템플릿 헬퍼를 사용하여이를 수행하는 방법을 알고 있고, 클래스 Updating을 위해 일부 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과 색상이 다루는 것 외의 모든 페이지에서 업데이트됩니다.

모델을 직접 변경하고 dom이 모든 클라이언트에서 적절한 클래스를 적용하고 자동으로 적용하지 않도록하는 방법은 비슷합니까 ??

답변

0

클릭 이벤트에서 컬렉션을 업데이트해야합니다. 이와 비슷한

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

매직 및 응용 프로그램이 현재 게시 중입니다.