javascript - 在 Dashing Widget 的 Coffeescript 中加载 `ready` 上的数据

Question

您如何获取数据以在 dashing 启动时进行轮询？小部件？

ready 是 called when the widget is done being rendered .

class Dashing.Tagcloud extends Dashing.Widget
  ready: ->

  onData: (data) ->

我构建的小部件使用 D3 来显示数据。在初始加载时，小部件是空白的。后续事件轮询将填充 D3 小部件。所有其他小部件都会提前获取数据。有没有办法触发立即查询数据？

D3 和/或 jQuery 在第一次运行时被调用时是否还没有准备好？

Answer 1

您可以在小部件标记的隐藏 DOM 元素中发送数据:

<ul style="display: hidden" data-foreach-item="items">
  <li>
    <span class="name" data-bind="item.name"></span>
    <span class="count" data-bind="item.count"></span>
  </li>
</ul>

然后改为从 DOM 收集数据:

tagData = ->
  items = $(@node).find('ul.items li')
  for i in items
    name = $(i).find('span.name').text()
    count = parseInt $(i).find('span.count').text()
    { name: name, count: count }