javascript - 如何使用 acceptWidgets 为“grid-stack-item”设置预定义的高度或宽度

Question

我正在使用带有 acceptWidgets 的 gridstack 将小部件从左侧面板拖放到主面板，类似于http://gridstackjs.com/demo/two.html

就我而言，我想为我的“grid-stack-item”设置高度、宽度和其他项目属性。但是，设置这些属性不会影响项目何时被放到网格堆栈中。

这是一个 JSFiddle：https ://jsfiddle.net/trevisan/wt7bg6s1/8/

请注意，“Drag me”元素具有 data-gs-width="6" ，因为我的 gridstack 有 6 列，因此我希望它可以拉伸。

<div class="grid-stack-item" data-gs-width="6">
  <div class="grid-stack-item-content">Drag me</div>
</div>

我曾尝试调用makeWidget方法，但最终我的 gridstack 上有两个小部件。

有谁知道如何解决这个问题？

Answer 1

请注意，即使它具有类名“grid-stack-item”，Drag me元素也不在其中，gridstack

#gridelement 和#grid2element 已初始化gridstack但sidebarelement( Drag meelement) 没有：

        $('#grid1').gridstack(options);
        $('#grid2').gridstack(_.defaults({
            float: true
        }, options));

所以data-gs-width属性对Drag me元素没有任何意义。