Größe und Breite des GridStack-Objekts in Pixel

Question

Ich habe Elemente in jedem meiner GridStack-Objekte (man denke an Diagramme), die ein erneutes Rendern erfordern, wenn sich die Größe eines Gridstack-Elements (Zelle) ändert. Ich möchte Änderungsereignis auf GridStack verwenden, um die geänderten Elemente zu identifizieren und ein benutzerdefiniertes Ereignis mit der Größe und Breite jedes Elements auszulösen, das von den internen Elementen gehört wird.

Jetzt ist das Problem, dass Änderungsereignis neue Höhe und Breite in seinem Format meldet, aber ich brauche die tatsächlichen neuen Pixel, um das richtige Ereignis auszulösen. Das Verwenden von jquery für das Element selbst funktioniert nicht, da die Größen nach dem Snap nicht gemeldet werden.

1> Wie kann ich die Höhe und Breite von GridStack in Pixel umwandeln?

2> Gibt es einen besseren Weg für das, was ich versuche zu tun? Ich meine eine bessere Möglichkeit, die Elemente in jedem Rasterelement über die Größe der Elementgröße in Pixeln zu informieren.

Answer 1

Sie können die Höhe und Breite ziemlich einfach konvertieren. grid.cellWidth() * Die Breite des Elements gibt Ihnen die gewünschte Breite. grid.cellHeight() * Element Höhe + grid.opts.verticalMargin * Element Höhe - grid.opts.verticalMargin wird Ihnen die gewünschte Höhe geben. Probieren Sie es aus, ob es funktioniert!