Question

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

VALUE1 值2 值3 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

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

Answer 3

从当前信息中，在仪表板中，它应使用类似

<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格式。如果无法解决，请提供更多详细信息文件列表以供参考。

创建用于破碎的小部件

3 个答案: