Meteor:在Todos示例中创建新屏幕

时间:2013-03-19 21:21:18

标签: javascript meteor

我正在使用Meteor框架中的todos示例。什么API方法呈现新页面?例如,如果我单击记录的链接,它应该在主框架内呈现新页面。我知道SPA是Meteor想到的,所以我不确定我是否使用最好的方法。

基本上,我想要的是一种让用户在行表中导航记录并查看所有相关数据的方法。

1 个答案:

答案 0 :(得分:2)

HTML中的

{{#if isList}}
   {{> listTemplate}}
{{/if}}

{{#if isDetail}}
   {{> detailTemplate}}
{{/if}}

在客户端的javascript中

Template.isList = function() {
   return Session.get("state") || Session.get("state") == "list"; 
}

Template.isDetail = function() {
   return Session.get("state") && Session.get("state") == "detail";
}

Template.listTemplate.events({
   "click #clickedRow" : function( event ) {
      Session.set("state", "detail")
   }
});

Template.detailTemplate.events({
   "click #backButton" : function( event ) {
      Session.set("state", "list")
   }
});

因为Meteor会在state更改后重新呈现您的网页,所以点击这些项目就会改变您的网页效果。