创建后动态分配 gridster 数据行

Posted 2023-05-07

【中文标题】创建后动态分配 gridster 数据行

【英文标题】：Assign a gridster data-row dynamically after creation

【发布时间】：2019-02-03 20:26:20

【问题描述】：

我创建了几个网格，现在想以编程方式对它们进行排序。例如，在以下情况下使用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】：

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

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