Backbone.js 主干木偶网：从CollectionView获取嵌套/交换视图

所以我一直在玩主干木偶，并且能够从json数据创建collectionview

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

这是我的照片

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

,

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

我试图让每个itemview都有一个onclick事件，该事件将打开一个嵌套视图，该视图通过下划线模板从itemview传递数据。 下面是一个swapview示例（不是我的示例）：http//jsfiddle.net/VLY4t/14/

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

下面是我的代码的样子（第二张图片）（注意，我有一个通过url散列的主干路由器，但无法呈现下划线模板）。非常感谢您的帮助 工作示例是：狗的品种是

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

客户端模板和UI如下所示：

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

---

试着像这样连接你的点击处理程序

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

events: {
 "click" : "showView"
},
showView: function() {
  var theplayview = new PlayView(this.model);
  App.playRegion.show(theplayview); 
}

---

试着像这样连接你的点击处理程序

<script type="text/template", id="dogs-template">
<ul><ul>
</script>

<script type="text/template", id="dog-template">
<a href="dogs/<%= name %>"> <%= name %>
</script>

<script type="text/template", id="play-template">
p This dog's breed is <%= name %>
</script>

events: {
 "click" : "showView"
},
showView: function() {
  var theplayview = new PlayView(this.model);
  App.playRegion.show(theplayview); 
}