Multiple gridster instances on the same page about angular-gridster HOT 8 CLOSED

That's because both instances are bound to the same references to JavaScript objects. I consider this to be a desired behavior.

from angular-gridster.

Can you explain the issue a little more thoroughly. I don't get what you mean.

from angular-gridster.

In the angular version of gridster, we are binding javascript elements in the scope to the gridster item. Due to the two-way binding of the data between the data and and directive elements, a change to the position value for a item in one gridster instance will be reflected in other gridster instances that reference the same item.

from angular-gridster.

Gotcha.

@ptsydzik How did you reproduce this in the demo? The two dashboards do not use the same widgets.

Also, what's your use case? Why have duplicate grids with the same items?

from angular-gridster.

Custom Items, and Custom Items 2 use the same scope items.

from angular-gridster.

sorry for my english. @danomatic is a good telepathist :)
my case i have 3 gidsters on the same page: 1 - list of all available widgets and 2 - active widgets splitted by criteria i use it like this:

$scope.availableWidgets = [....]
$scope.widgets = {
            criteria1: [....],
            criteria2: [...]
        };

angular.forEach($scope.availableWidgets, function(widget, index) {
        widget = angular.extend({}, widget, { sizeX: 1, sizeY: 1, row: index, col: 0 });
    });

angular.forEach($scope.widgets.singleColumn, function(widget, index) {
            widget = angular.extend({}, widget, { sizeX: 1, sizeY: 1, row: index, col: 0 });
        });

        angular.forEach($scope.widgets.dabbleColumn, function(widget, index) {
            widget = angular.extend({}, widget, { sizeX: 1, sizeY: 1, row: index, col: 0 });
        });

from angular-gridster.

Where are $scope.widgets.singleColumn and $scope.widgets.dabbleColumn defined and are they pointing to the same item objects as $scope.availableWidgets? The widget = angular.extend({}... you are doing seems like it would have no effect, because you are just altering the value of widget in the loop and not replacing the reference in the original arrays with the new copy.

from angular-gridster.

ptsydzik, are you still having problems or can I close this issue?

from angular-gridster.