itemResize, itemChange not getting fired about angular-gridster2 HOT 5 CLOSED

Hi @rishi-ios ,
Yes it seems that the events are not fired. Will have it fixed today.
Thank you for reporting this.

from angular-gridster2.

Hi @rishi-ios ,
Fixed in v2.7.6
Let me know if you find any more issues.

from angular-gridster2.

Thanks @tiberiuzuld

Really appreciate your quick fix 👍 .

Also I have one more query, right now I am using grid item with vertical scroll with max columns 2.
By default on inserting any new record it goes through at the end of all grid items(on bottom).
But what I want is that if a new item is added to the grid it should come at first place(on top).

I tried with following code to use array unshift in place of push but it didn't worked.

this.dashboard.unshift ({ cols: 1, rows: 1, minItemRows: 2, minItemCols: 2, label: 'move to first place', dragEnabled: true, resizeEnabled: true });

Can you please let me know how to insert grid item from top.

Thanks

from angular-gridster2.

Hi @rishi-ios
The position in array doesn't matter you need to modify to set y = 0 and x= 0 or 1 and move all other widgets to y +=1 .

The lib code on new item will do this.

if (item.x === undefined || item.y === undefined) {
      this.autoPositionItem(item);
    } else if (this.checkCollision(item)) {
      console.warn('Can\'t be placed in the bounds of the dashboard, trying to auto position!/n' +
        JSON.stringify(item, ['cols', 'rows', 'x', 'y']));
      item.x = undefined;
      item.y = undefined;
      this.autoPositionItem(item);
    }

1. So first move all widgets on the first column (x == 0) you have to y +=1 .
2. Call grid this.options.optionsChanged(); to know that options changed externally
3. Then push the new widget this.dashboard.push({ cols: 1, rows: 1, x: 0, y: 0, label: 'move to first place', dragEnabled: true, resizeEnabled: true });

Let me know if this works. Didn't test it.

from angular-gridster2.

Thanks @tiberiuzuld

I checked it and its working right as you mentioned 👍

from angular-gridster2.