如何在Mozart中调用渲染后函数？

Question

我有一个Mozart应用程序，我想要在整个页面呈现后触发一个库/函数调用来装饰DOM。

在一个带有jQuery的普通超文本标记语言应用程序中，我会这样做：

$(document).ready(-> Library.decorate())

在本例中，我寻找的是当视图发生变化时动态更新的afterRender回调或钩子，而不是仅仅将其应用于window.onload (因为在呈现DOM更改后需要再次触发装饰调用)。

Answer 1

布局类上有一个事件render:complete，该事件在渲染周期完成时触发：

在您的app.coffee或类似产品中：

App.Application = Mozart.MztObject.create()

App.Application.set 'layout', Mozart.Layout.create(
  rootElement: '#main'
  states: [
    Mozart.Route.create
    viewClass: App.HomePage
    path: "/"
    title: "Mozart"

    # ...other routes...
  ]
)

App.Application.layout.bind 'render:complete',  ->
  # Your handler code here
  Library.decorate()

render:complete只有在一个周期中的所有视图都被渲染后才会发生，尽管请记住，它将在每个渲染周期之后被调用，如果你的应用程序正在进行大量的重新渲染(无论如何都应该避免)，它最终可能会被调用很多次。