2

我正在尝试创建一个用于显示 4 个值的破折号小部件( 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>

然而,我的仪表板中有一个空白页。

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

提前致谢。

4

3 回答 3

1

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

于 2013-11-21T02:06:42.973 回答
0

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

于 2013-12-12T00:28:03.370 回答
0

根据当前信息,在仪表板中,应使用类似

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

于 2014-04-23T01:01:30.960 回答