Angular Gridster: Resize Widget

Question

Hallo, gibt es einen Weg, wo ich das Widget mit angular-gitter ändern kann. Ich weiß gridster (nicht abgewinkelte Ausführung) hat eine Funktion für das so:

gridster.resize_widget(widget,6,6) 

Ich weiß nicht, wie es Winkel gridster

Answer 1

mit zu tun, ich glaube, Sie einige Controller, wo Sie Ihre erklärt Widgets. Recht?

Sie brauchen keine Methode. Eckig behandeln Sie es für Sie. Wenn Sie einige Ihrer Widgets in Ihrem eckigen Controller $ scope.your_widgets ändern, werden all Ihre Änderungen ebenfalls in der Vorlage gespeichert.

//so your widgets probably looks like this in your controller. 
 

 
$scope.standardItems = [ 
 
    { sizeX: 2, sizeY: 1, row: 0, col: 0 }, 
 
    { sizeX: 2, sizeY: 2, row: 0, col: 2 }, 
 
    { sizeX: 1, sizeY: 1, row: 0, col: 4 }, 
 
    { sizeX: 1, sizeY: 1, row: 0, col: 5 }, 
 
    { sizeX: 2, sizeY: 1, row: 1, col: 0 }, 
 
    { sizeX: 1, sizeY: 1, row: 1, col: 4 }, 
 
    { sizeX: 1, sizeY: 2, row: 1, col: 5 }, 
 
    { sizeX: 1, sizeY: 1, row: 2, col: 0 }, 
 
    { sizeX: 2, sizeY: 1, row: 2, col: 1 }, 
 
    { sizeX: 1, sizeY: 1, row: 2, col: 3 }, 
 
    { sizeX: 1, sizeY: 1, row: 2, col: 4 } 
 
]; 
 

 
//and where ever you want (in controller I mean) - you can do like this: 
 

 
$scope.standardItemems[3].sizeX = 6; 
 
$scope.standardItemems[3].sizeY = 6;

<div gridster> 
 
    <ul> 
 
     <li gridster-item="item" ng-repeat="item in standardItems"></li> 
 
    </ul> 
 
</div>

Also, wenn Sie wollen einfach nur Widget Größe in einige Super-spezifischen Art und Weise ändern - wäre schön, etwas mehr Details hinzuzufügen. Cuz eckig manchmal ein bisschen schwierig mit einfachen Dingen.

Answer 2

Es hängt davon ab, was Sie versuchen zu tun. Wenn Sie möchten, dass sie mit einer bestimmten Größe beginnen, müssen Sie die gridsterOpts ändern. Wenn Sie die Größe manuell mit der Maus ändern möchten, müssen Sie sicherstellen, dass im Feld "g RastererOpts reposable" die Eigenschaft "enabled" auf "true" gesetzt ist. Wenn Sie eine Funktion ausführen, die das Widget automatisch in der Größe ändert, ist das eine andere Situation.

Grundsätzlich wird die Größe der Widgets von Gridster bestimmt, indem die Eigenschaften sizeX und sizeY des Widgets betrachtet werden, die immer im Widgetobjekt gespeichert werden. Wenn Sie das Widget manuell skalieren, werden die sizeX- und sizeY-Eigenschaften dieses Widgets automatisch aktualisiert. Ein Widget kann mit sizeX = 2 und sizeY = 3 beginnen, aber sobald Sie die Größe ändern, um es größer zu machen, ändern sich diese beiden Eigenschaften.

Die Art und Weise, wie angular diese Widgets (Größe, Position usw.) anzeigen kann, besteht darin, ein Array durchzulaufen, das die Widget-Objekte enthält und alle ihre Eigenschaften liest. Wenn Sie die Größe eines Widgets innerhalb einer Funktion zurücksetzen möchten, müssen Sie in der Lage sein, das Widget zu identifizieren, dessen Größe Sie ändern möchten, und dann die Eigenschaften sizeX und sizeY zurücksetzen. Sobald Sie dies tun, sollten die Änderungen erkannt werden und das Widget sollte sich ändern.