2013-03-19 56 views
0

我正在使用流星框架中的todos示例。什麼API方法呈現新頁面?例如,如果我點擊記錄的鏈接,它應該在主框架內渲染一個新頁面。我知道SPA是Meteor的想法,所以我不確定我是否正在使用最好的方法。流星:在Todos示例中創建新屏幕

本質上,我想要的是一種讓用戶在行表內瀏覽記錄並查看所有相關數據的方式。

在JavaScript中的HTML

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

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

在客戶端上

+0

在隕石中嘗試'page.js' – TiansHUo 2013-03-21 05:14:20

+0

https://github.com/tmeasday/meteor-page-js? – KJW 2013-03-21 16:47:23

+1

所以你想,基本上,一個新的頁面打開時單擊一條記錄,顯示它的詳細信息?你只需要建立多個模板 – bento 2013-03-22 03:32:31

回答

2

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") 
    } 
}); 

因爲流星會重新呈現您的網頁時state變化,對項目的點擊都會有效果改變你的頁面。