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

Question

当网格堆栈项(单元格)的大小发生变化时，我的每个GridStack项(想想图形)中都有需要重新呈现的元素。我想在GridStack上使用change event来标识更改的项，并触发一个自定义事件，该事件具有内部元素侦听的每个项的大小和宽度。

现在的问题是，change事件以其格式报告新的高度和宽度，但我需要实际的新像素来触发适当的事件。对项目本身使用jquery不起作用，因为它不会报告快照后的大小。

1>如何将GridStack的高度和宽度转换为像素？

对于我正在尝试做的事情，2>有更好的方法吗？我的意思是一种更好的方式来通知每个网格项中的元素关于大小项的大小，以像素为单位？

Answer 1

您可以相当容易地转换高度和宽度。grid.cellWidth() *元素的宽度将为您提供所需的宽度。grid.cellHeight() *元素高度+ grid.opts.verticalMargin *元素高度- grid.opts.verticalMargin将提供您想要的高度。试一试，看看它是否有效！