2015-10-15 73 views
0

我試圖實現如下所示的父類/子類視圖。即列表上點擊任一項目的最初&所示,我要採取的細節視圖(通過特定的ID,使得AJAX請求,並呈現與細節子模板)Ember工具列表/詳細信息視圖

Router.map(function() { 
    this.route('pending-items', function() { 
     this.route('pending-items-details', { 
      path: 'details/:itemId' 
     }); 
    }); 
}); 

我的問題是我必須遵循的文件夾特定hiearchy而創建路由/控制器/模板給出了待定項&‘待定項-細節’

而且我怎麼渲染子模板上述要求一旦我有了AJAX響應的細節?

回答

1

我喜歡做自己想做這樣做的:用灰燼-CLI

Router.map(function() { 
    this.route('pending-items', function() { 
     this.route('details', { 
      path: ':item_id' 
     }); 
    }); 
}); 

,你能做到這一點,如果您尚未創建尚未

  • 燼生成模板待定項
  • 燼生成模板未決項/細節

這將產生喲U該文件在模板文件夾

  • /pending-items.hbs
  • /pending-items/details.hbs

呈現模板,你只需要把{{}出口}助手到父模板,例如:

/peding-items.hbs

<h1>Content of the template</h1> 
<div class= 'details'> 
    {{outlet}} 
</div> 

/pending-items/details.hbs

<h3> Details of an item</h3> 
<p>something here</p> 

現在運行,並在瀏覽器URL輸入放: //本地主機:4200 /待定項/ 1

+0

非常感謝......雖然你已經展示了將孩子(細節)添加到父項(項目)之下/之內,我的問題是如果有任何使用情況將它們保持在同一級別上(即路徑/模板/控制器等)在同一級別,但有道路作爲/項目/細節/ 123 – testndtv

+0

也在你的例子中,你已經給模板路徑...其他事情(任何模型,控制器,等等)應該遵循相同的物理路徑? – testndtv

+0

同樣在呈現細節視圖時,我需要使用動態細分ID作爲POST參數來創建AJAX請求,然後想要在子/細節視圖中呈現響應。那麼我該如何處理(基於響應數據呈現子視圖)呢? – testndtv