Javascript 动态移动ruby gem虚线数字小部件

Javascript 动态移动ruby gem虚线数字小部件,javascript,ruby,gridster,dashing,Javascript,Ruby,Gridster,Dashing,使用ruby gem制作仪表盘。我有多个小部件,我试图看看是否有一种方法可以根据值移动这些小部件。这个想法是先有最高的数值。我的想法是,如果可能的话,也许可以在仪表盘erb文件中使用JS完成 下面是一个html呈现的示例: <h2 class="value" data-bind="current | prettyNumber | prepend prefix | append suffix">128,879</h2> 128879 对于Dash使用的send_事件或g

使用ruby gem制作仪表盘。我有多个小部件,我试图看看是否有一种方法可以根据值移动这些小部件。这个想法是先有最高的数值。我的想法是,如果可能的话,也许可以在仪表盘erb文件中使用JS完成

下面是一个html呈现的示例:

<h2 class="value" data-bind="current | prettyNumber | prepend prefix | append suffix">128,879</h2>
128879
对于Dash使用的send_事件或gridster,我不确定JS是否能够按值对我的小部件进行排序

另一个想法是,当您手动更改布局时,您会得到“保存此布局”和以下内容:

<script type='text/javascript'>
$(function() {

  Dashing.cycleGridsterLayout('[[{"col":4,"row":1,"size_x":1,"size_y":1},{"col":5,"row":1,"size_x":1,"size_y":1}]]')
</script>

$(函数(){
Dashing.CycleGridTerlayout('[[{“列”:4,“行”:1,“大小x”:1,“大小y”:1},{“列”:5,“行”:1,“大小x”:1}]]))

希望有一个简单的方法可以做到这一点。感谢您的帮助或进一步阅读。

我无法找到移动小部件的方法,但我所做的是重写我的作业代码,使小部件始终位于我想要的位置。