创建用于dashing的小部件

Question

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

value1 value2 value3 value4

我复制了文本小部件的内容，并将以下内容添加到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>

然而，我的仪表板上有一张空白页。

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

提前谢谢。

Answer 1

实际使用"list“小部件来实现这一点。看看'buzzwords.rb‘文件，你会有一个想法。

Answer 2

您是否有定义小部件类并扩展Dashing.Widget的coffeeScript文件？开始时不需要任何其他东西，但小部件就是在这里定义的。另外，您是否有将数据推送到此小部件id "mywidget“的工作？如果没有，请查看作业文件夹，与widgets文件夹相同的级别，以获得一个想法，基本上是一个Rufus调度器任务，将数据泵到您的widgets。..and不要忘记检查小部件的css。

Answer 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格式。如果不能解决，请提供更详细的文件列表供参考。