GridStack项目的高度和宽度（以像素为单位）

Question

我的每个GridStack项目中都有元素（想想图形），当gridstack项目（单元格）大小发生变化时需要重新渲染。我想在GridStack上使用change事件来识别已更改的项目，并使用内部元素监听的每个项目的大小和宽度触发自定义事件。

现在问题是更改事件以其格式报告新的高度和宽度，但我需要实际的新像素来触发正确的事件。在项目本身上使用jquery不起作用，因为它不会报告后捕捉大小。

1＆GT;如何将GridStack高度和宽度转换为像素？

2 - ;对于我想要做的事情，有没有更好的方法。我的意思是更好的方式来通知每个网格项目中的元素大小项目大小的像素？

Answer 1

您可以非常轻松地转换高度和宽度。 grid.cellWidth() *元素的宽度将为您提供所需的宽度。 grid.cellHeight() *元素高度+ grid.opts.verticalMargin *元素高度 - grid.opts.verticalMargin将为您提供所需的高度。放手一搏，看看它是否有效！