javascript - Gridster 将数据序列化为 1-5 顺序(递归循环)？

Question

我正在使用Gridster插件，我需要以1-5的方式捕获新拖动的订单。我知道我们先选择行，然后选择顺序(列)。因此，行:1，顺序:1 将是 id:grid_74。第 1 行中下一个大于 1 的最接近订单号是 5，因此 id:grid_78。我怎样才能做到这一点？

1 - grid_74

2 - grid_78 (等等...)

var gridinfo = gridster.serialize()

Answer 1

我认为你可能只需要排序。

// Just setting up object array to match example:
var gridinfo = [
  { id: "grid_75", order: 5, row: 4 },
  { id: "grid_74", order: 1, row: 1 },
  { id: "grid_91", order: 9, row: 1 },
  { id: "grid_85", order: 5, row: 7 },
  { id: "grid_78", order: 5, row: 1 }
]


// This sort is what does all the magic.. it first sorts by row, then order.
// I lifted this bit of javascript ninjutsu from: 
// http://www.sitepoint.com/sophisticated-sorting-in-javascript/
gridinfo.sort(function(a, b)
{
  if(a.row === b.row)
  {
    return a.order < b.order ? -1 : a.order > b.order ? 1 : 0;
  }

  return a.row - b.row;
});


// Display sorted array:
for(var k=0; k<gridinfo.length; k++)
{
  document.write('id: '+gridinfo[k].id+'<br>');
  document.write('row: '+gridinfo[k].row+'<br>');
  document.write('order: '+gridinfo[k].order+'<br>');
  document.write('-------<br>');
}