创建用于破折号的小部件答案

【问题标题】：Creating widgets for dashing创建用于破折号的小部件
【发布时间】：2014-04-23 09:01:30
【问题描述】：

我正在尝试创建一个用于显示 4 个值的 dashing (http://shopify.github.io/dashing/) 小部件：

值1 价值2 价值3 价值4

我已经复制了文本小部件的内容，并将以下内容添加到了 widget.html

<h3 data-bind="text | raw"></h3>

<p class="more-info" data-bind="moreinfo | raw"></p>
<p class="value1" data-bind="value1"></p>
<p class="value2" data-bind="value2"></p>
<p class="value3" data-bind="value3"></p>
<p class="value4" data-bind="value4"></p>
<p class="updated-at" data-bind="updatedAtMessage"></p>

当我将此小部件添加到我的仪表板时，使用：

      <li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  <div data-id="mywidget" data-view="mywidget" data-title="Grupserhs" data-text="Systems Dashboard" data-moreinfo="Hello"></div>
     </li>

但我的仪表板中有一个空白页。

创建只接收推送数据的小部件的正确方法是什么？

提前致谢。

【问题讨论】：

你读过这个吗？ shopify.github.io/dashing/#widgets
是的。我已经阅读了 10 次，但我找不到 sedn 多个项目值的方法..
请将完整信息发布到 gist 以供参考，.scss/.html/.coffee

标签： ruby-on-rails sinatra dashing

【解决方案1】：

实际上为此使用“列表”小部件。查看 'buzzwords.rb' 文件以了解想法。

【讨论】：

【解决方案2】：

您有定义小部件类并扩展 Dashing.Widget 的 coffeeScript 文件吗？您不需要任何其他内容即可开始，但这是定义您的小部件的地方。另外，您是否有工作将数据推送到此小部件 ID“mywidget”？如果没有，请查看与小部件文件夹相同级别的作业文件夹以了解想法，基本上是一个 Rufus 调度程序任务，用于将数据泵入小部件。 ..并且不要忘记检查您的小部件的 css..

【讨论】：

【解决方案3】：

根据当前信息，在仪表板中，应该使用like

<li data-row="1" data-col="1" data-sizex="1" data-sizey="1">
  <div data-id="mywidget" data-view="mywidget" data-title="Grupserhs" data-text="Systems Dashboard" data-moreinfo="Hello" data-value1="first value" data-value2="this is value2" data-value3="value3" data-value4="last value" ></div>
</li>

data-bind="value1" 应映射到仪表板，如data-value1

它可能有其他问题，例如将这些小部件放在单独的文件夹中，您的 css 格式。如果不能解决请提供更详细的文件列表供参考。

【讨论】：