У меня есть коллекция инструментов, отображаемая как CompositeView. Каждый из отображаемых элементов в этой коллекции является ItemView. Имя региона, в котором они хранятся, называется toolNameRegion.
У меня есть еще один регион с именем toolDetailsRegion на этой странице, и он должен отображать атрибуты выбранного инструмента в toolNameRegion.
Вот вид:
@Tools.module "AboutApp.Show", (Show, App, Backbone, Marionette, $, _) ->
class Show.Layout extends Backbone.Marionette.Layout
template: JST['backbone/apps/about/templates/about']
regions:
toolNameRegion: "#tool-name"
toolDetailsRegion: "#tool-details"
class Show.Tool extends Backbone.Marionette.ItemView
template: JST['backbone/apps/about/templates/_tool']
tagName: "li"
events:
"click a.tool-link" : ->
@trigger "tool-name:link:clicked", @model # How the hell do I pass this to the Show.ToolDetail class?
console.log @model # shows the model attributes that was clicked
class Show.Tools extends Backbone.Marionette.CompositeView
template: JST['backbone/apps/about/templates/tools']
itemView: Show.Tool
itemViewContainer: "ul"
triggers:
"click .tool-link" : "tool:link:clicked"
class Show.ToolDetail extends Backbone.Marionette.ItemView
template: JST['backbone/apps/about/templates/tool_details']
itemView: Show.Tool
onShow: -> console.log "onShow"
onClose: -> console.log "onClose"
Вот контроллер:
@Tools "AboutApp.Show", (Show, App, Backbone, Marionette, $, _) ->
Show.Controller =
showAbout: ->
tools = App.request "get:tools"
@aboutLayout = @getAboutLayout()
@aboutLayout.on "show", =>
@showTools tools
@showInitialTool tools
App.mainRegion.show @aboutLayout
showTools: (tools) ->
toolsView = @getToolsView tools
console.log toolsView
toolsView.on "tool:link:clicked", (tool) =>
console.log "model: #{tool}"
tool = @getInitialToolView tool
@aboutLayout.toolDetailsRegion.show tool
@aboutLayout.toolNameRegion.show toolsView
getToolsView: (tools) ->
new Show.Tools
collection: tools
showInitialTool: (tools) ->
initial_tool = tools.at(1)
toolView = @getInitialToolView initial_tool
@aboutLayout.toolDetailsRegion.show toolView
getToolDetailsView: ->
App.request "tool:detail:view"
toolDetailsRegion: ->
toolDetailView = @getInitialToolView
@about.toolDetailsRegion.show toolDetailView
getInitialToolView: (tool) ->
new Show.ToolDetail
model: tool
getAboutLayout: ->
new Show.Layout
Как передать @model (модель, на которую нажали) контроллеру, чтобы @model можно было передать в класс представления Show.ToolDetail, чтобы можно было динамически обновлять toolDetailsRegion?
Вот мои сущности (ресурсы):
@Tools.module "Entities", (Entities, App, Backbone, Marionette, $, _) ->
class Entities.Tool extends Backbone.Model
class Entities.ToolCollection extends Backbone.Collection
model: Entities.Tool
url: -> Routes.tools_path()
API =
setTools: (tools) ->
new Entities.ToolCollection (tools)
getToolEntities: ->
tools = new Entities.ToolCollection()
tools.fetch
reset: true
tools
App.reqres.setHandler "set:tools", (tools) ->
API.setTools tools
App.reqres.setHandler "tool:entities", ->
API.getToolEntities()
Спасибо за ваш ответ @David Sulc. Он по-прежнему не передает модель. Может я не правильно форматирую?
То, как я беру модель из представления:
class Show.Tool extends Backbone.Marionette.ItemView
template: JST['backbone/apps/about/templates/_tool']
tagName: "li"
events:
"click a.tool-link" : ->
App.request "get:new:tool", @model
console.log @model
В контроллере:
showTools: (tools) ->
toolsView = @getToolsView tools
console.log toolsView
toolsView.on "tool:link:clicked", (tool) =>
console.log "model retrieved from click: #{tool}" # comes up undefined; how to obtain?
tool = App.request "get:new:tool" # could this be the path, but since tool is undefined, won't work?
new_tool = @getInitialToolView tool
@aboutLayout.toolDetailsRegion.show new_tool
@aboutLayout.toolNameRegion.show toolsView
Спасибо @David Sulc за то, что показал мне путь!
В контроллере:
showTools: (tools) ->
toolsView = @getToolsView tools
console.log toolsView
Tools.AboutApp.Show.on "tool-name:link:clicked", (tool) =>
console.log tool.get('name')
new_tool = @getInitialToolView tool
@aboutLayout.toolDetailsRegion.show new_tool
В коде представления:
class Show.Tool extends Backbone.Marionette.ItemView
template: JST['backbone/apps/about/templates/_tool']
tagName: "li"
events:
"click a.tool-link" : ->
Tools.AboutApp.Show.trigger "tool-name:link:clicked", @model
console.log @model
class Show.ToolDetail extends Backbone.Marionette.ItemView
template: JST['backbone/apps/about/templates/tool_details']
itemView: Show.Tool
Tools.AboutApp.Show.on "tool-name:link:clicked", (tool) =>
console.log tool
onShow: -> console.log "onShow"
onClose: -> console.log "onClose"