创建后动态分配gridster数据行

时间:2018-08-29 06:27:25

标签: javascript jquery gridster

我创建了一些栅格,现在想以编程方式对它们进行排序。例如,在以下情况下,使用data-displayorder属性。

<div data-displayorder="7" id="GridsterContent01" class="panel panel-filled panel-responsive js-reportTable gs-w" data-col="1" data-row="31" data-sizex="20" data-sizey="5" style="display: block;">
  <span class="gs-resize-handle gs-resize-handle-both"></span>
</div>

<div data-displayorder="4" id="GridsterContent-2" class="panel panel-filled panel-responsive js-reportTable gs-w" data-col="1" data-row="31" data-sizex="20" data-sizey="5" style="display: block;">
  <span class="gs-resize-handle gs-resize-handle-both"></span>
</div>

我尝试使用jQuery来做到这一点,但这会消除大小和样式。

 var sortPriorirty = $(this).attr('data-displayOrder');
  $(this).attr('data-row', sortPriorirty );

创建后是否有API分配gridster数据行?

1 个答案:

答案 0 :(得分:2)

尝试在网格之间添加额外的行。

var sortPriorirty = $(this).attr('data-displayOrder');
  $(this).attr('data-row', sortPriorirty+5 );