Issue with Items not staying in their position

[carlhussey]

Issue with Items not staying in their position

[carlhussey]

@dsmorse - Is there any method built in that I can call once items have been dynamically added to the DOM for it to know there the items are since they are not added with the "Add" method? I assume there is an underlying grid of available spots and what not and these aren't updated when the plugins are loaded directly into the DOM.

[hellhoundsx]

I know I'm a bit late to this, but I was having the same problem. So what I did was that I ordered the items before I started adding them to gridster.
The problem is that gridster isn't obeying to the position of certain elements, like if the first one in the array is positioned at the "row 5, col 1", it gets rendered first and it will go to "row 1, col 1" for some reason.

So what I do is the following:

exampleArray.sort(function (a, b) {
    var aRow = a.layout.row;
    var bRow = b.layout.row;
    var aCol = a.layout.col;
    var bCol = b.layout.col;

    if (aRow == bRow) {
        return (aCol < bCol) ? -1 : (aCol > bCol) ? 1 : 0;
    } else {
        return (aRow < bRow) ? -1 : 1;
    }
});

This will return you guys your array ordered per row and column and Gridster will be able to render them correctly.